Angularjs - 将服务数据绑定到许多控制器中的模型

时间:2013-04-26 08:43:08

标签: javascript angularjs

有一个简单的example,我想要实现的是,当文本字段改变时,两个模型都应该改变。这可能不使用$ watch吗?

2 个答案:

答案 0 :(得分:5)

您只需要通过引用传递对象,而不是传递字符串值..

查看此解决方案

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

答案 1 :(得分:0)

或者,您可以绑定根对象,例如this示例。

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

现在,您将其用作<input ng-model="testModel.test_var"/>,并在两个视图中使用它:

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