Angularjs ng-model inside ng-repeat via (key,val) 不更新

Question

这是我不工作的demo

<section ng-repeat="t in test">
  <div ng-repeat="(key,value) in t">
    <div>{{key}}</div>
   <input type="text" ng-model="value"/>
  </div>
</section>

模型保持不变。如何同步？请注意，数据结构很重要。

Answer 1

ng-model 绑定(bind)将在当前范围内评估其表达式。由于 ng-repeat 创建子作用域，这意味着 ng-model 将在子作用域上查找名为 value 的属性。在您的示例中，我们希望它在 parent 作用域中查找 val 属性，该属性的别名为 t。

这是设计使然，在您的情况下可以通过在表达式中引用父作用域 t 来规避。

Working demo

代码(注意输入元素上的绑定(bind)已更改):

<section ng-repeat="t in test">
  <div ng-repeat="(key,value) in t">
    <div>{{key}}</div>
   <input type="text" ng-model="t[key]"/>
  </div>
</section>

由于您使用的是 Angular 1.3 的测试版，这可能是一个错误。