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示例。

所以你的控制器做到这一点： 控制器 “第一”： $scope.testModel = Data 控制器 “第二”： $scope.testModel = Data

现在，你用这个作为<input ng-model="testModel.test_var"/>并在这两个视图使用此：

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