数据绑定不适用于嵌套ng-repeat

Question

嵌套ng-repeat ，似乎单击切换按钮会更新每个“对”（第一个ng-repeat）中的插件。 谁能向我解释为什么会这样，我该如何解决？ 检查上面的链接以获取自定义指令代码...

<div ng-repeat="pair in pairs track by $index">
    <h3>Pair {{ $index + 1}}</h3>

    <div class='fieldrow'>
    <button ng-repeat="addon in addons track by $index" toggle-button="addon.added">{{addon.name}} (£{{addon.price}})</button>
    </div>
</div>

Answer 1

什么是配对，什么是插件，以及它们之间的关系。 现在，即使您有嵌套的ng-repeat，您也具有完全独立的数据结构，因此每对插件数组都是相同的。 特罗特

基于此见解，我将ng-repeat="addon in addons track by $index" ng-repeat="addon in pair.addons track by $index"

问题解决了，谢谢！

Answer 2

我认为您的代码没有任何问题。 在这里看到unk 。 该代码运行良好：

<div ng-repeat="pair in pairs track by $index">
    <h3>Pair {{ $index + 1}}</h3>

    <div class='fieldrow'>
    <button ng-repeat="addon in addons track by $index" toggle-button="addon.added">{{addon.name}} (£{{addon.price}})</button>
    </div>
</div>