javascript - 我应该如何在 ng-repeat 中绑定(bind)对象的值？

Question

我有一个复杂的对象，我希望在我的页面中显示和编辑它。

更具体地说，对于我的实际情况，我有一个具有 <string, array> 的对象对，其中 array实际上是各种 <string, int> 对象的集合对。

我尝试像这样迭代这个复杂的结构:

      <div data-ng-repeat="(key, table) in TestData">
            <h3>{{key}}</h3>

            <table class="responsive-table">                    
                <tbody>
                    <tr data-ng-repeat="row in table">
                        <td data-ng-repeat="(label, value) in row" data-title="label">
                            <div>
                                <input data-ng-model="TestData[key][?][label]" data-ng-readonly="isEditable(label)" data-ng-change="show()" />                                    
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>

        </div>

我似乎无法找到我应该在我的模型中使用什么值，因为我无法在第二次重复的结构中获得我的确切项目。

有没有办法实现我想要的？

Answer 1

你不应该直接绑定(bind)到原语。您可以做的是使用 $index 绑定(bind)到数组项:

<div ng-repeat="item in test track by $index">
   <input data-ng-model="test[$index]" data-ng-change="show()" />
</div>