父数组中每个值的角度指令保持同步答案

【问题标题】：angular directive for each value in parent array keep in sync父数组中每个值的角度指令保持同步
【发布时间】：2016-03-16 13:31:03
【问题描述】：

我有一个包含数组的父对象，并且对于每个值，我呈现一个指令，通过隔离范围传入值。对于这个简单的演示，我只是将对象添加到控制器：

  $scope.schedule = {
    __type: "Fixed",
    ids: [101, 102, 103]
  }
})

还有指令：

    app.directive('picker', function() {

  return {
      scope:{
        import: '='
      },
      template:'<input ng-model="import" >'
  }
});

html:

  <div ng-repeat="i in schedule.ids">
    <picker import="i"></picker>  Bind: {{i}}
  </div>

我的实际问题是我有一个需要可重用的 datepicker 指令，因此对于呈现的每个 datepicker，我希望底层/原始数组在值更改时保持同步。我是不是搞错了？

正如您在小提琴中看到的那样，我渲染的指令与它们的隔离范围值保持同步，但它们形成的底层数组却没有，请在下面插入：

谢谢

【问题讨论】：

【解决方案1】：

由于数组的元素是基元，你需要引用实际的数组

<div ng-repeat="i in schedule.ids track by $index">
    <picker import="schedule.ids[$index]"></picker>  Bind: {{i}}
</div>

【讨论】：

【解决方案2】：

使用引用，而不是值，因为 Angular 会尝试浅拷贝该对象

<div ng-repeat="(index, value) in schedule.ids track by $index">
    <picker import="schedule.ids[index]"></picker>  Bind: {{value}}
</div>

import="i" 是 schedule.ids 的浅拷贝，import="schedule.ids[index]" 是 schedule.ids 的引用，

【讨论】：