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您不需要使用{{}}

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

1 个答案: