如何在具有相同控制器的两个视图中使用数据绑定

Question

想象一下控制器MyCtrl中的一个简单变量字符串：

$scope.simpleString = 'hi i am your simple string!';

是简单文本input的Angular 模型：

<input type="text" ng-model="simpleString">

此输入现在用于两个不同的视图 part1 和 part2 ：

<div ng-controller="MyCtrl">
    <div ng-include="'part1'"></div>
    <div ng-include="'part2'"></div>
</div>

使用两个不同的视图似乎打破了我的数据绑定，尽管它应该在MyCtrl 范围中。

信息：我也尝试使用ui-view但它归结为同样的事情。

Answer 1

你需要将$ scope.simpleString设置为这样的对象：

$scope.data = {
  simpleString: 'John'
}

防止变量相互遮蔽。 我写了一篇关于这个here

的答案