Angular - how to change the value of the model in another when changing the value of the model in one controller?

Question

JavaScript

I just can’t understand how to make it so that when you enter in one field, the value in the other immediately changes, and the fields are in different controllers?
Here is an example of two empty controllers, two fields in each are made in order to check that Angular is working as it should) https://jsfiddle.net/vyzs7447/
Here's how to add a service to this code, or how to call methods from one controller or get accessing another's scope so that the other is aware of the change in scope?

Answer 1

In general, I answer to myself, the issue is resolved. Example - https://jsfiddle.net/vyzs7447/3/

Answer 2

xs is there any pattern specifically for angular, and so, in the forehead, you can organize events and subscribe controllers to them. An angular service is suitable as an event manager, for example. Surely there are ready-made implementations, google for "angular pubsub service"