AngularJs，如何分配动态模型名称

Question

我想创建一个包含复选框矩阵的动态表（比如 5X5 ），并为每个复选框分配一个模型，

<tr ng-repeat="parentItem in Items>
      <td>{{parentItem.name}}</td>
      <td ng-repeat="childItem in Items>                         
       <input id="{{ parentItem.id }}_{{childItem.id}}" type="checkbox" ng-true-value="1" ng-false-value="0" ng-model="data['{{ parentItem.id }}_{{childItem.id}}']">
       </td>
</tr>

在控制器中，一个数据对象被定义为$scope.data={};

所以我希望每个复选框都以data['1_3'] 或data['2_4'] 等形式的模型结尾， 我尝试了很多方法，但模型无法正确绑定。

其实，这样试过 data[parentItem.id], 它有效，但不知道如何连接两个动态项目。

Answer 1

我没有测试它，但 ng-model="data[parentItem.id + '_' + childItem.id]" 应该可以工作。

一般ngModel不用{{}}