Angularjs - данные привязки данных к моделям во многих контроллерах

Question

Существует простой example, чего я хочу достичь, это когда текстовое поле изменилось, обе модели должны измениться. Возможно ли это без использования $ watch?

Answer 1

Вам просто нужно сделать пропуск объекта по ссылке, вместо передачи значения строки ..

Смотреть это решение

http://codepen.io/anon/pen/Dczmp

<div ng-controller="first"> 
    <input type="text" ng-model="testModel.test_var" /> 
    <p>{{testModel.test_var}}</p> 
    </div> 
    <div ng-controller="second"> 
    <p>{{testModel.test_var}}</p> 
</div> 

В контроллерах:

$scope.testModel = Data 

вместо

$scope.testModel = Data.test_var 

Answer 2

В качестве альтернативы вы можете связать корневой объект, например, в примере this.

Так что ваши контроллеры делают это: Controller "первый": $scope.testModel = Data Controller "второй": $scope.testModel = Data

Теперь вы используете это как <input ng-model="testModel.test_var"/> и в обоих видах использовать это:

<p>{{testModel.test_var}}</p>