javascript - AngularJs,如何分配动态模型名称

标签 javascript angularjs dynamic binding model

我想创建一个包含复选框矩阵的动态表(例如 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>

在 Controller 中,数据对象定义为$scope.data={};

所以我期望的是每个复选框将以 data['1_3']data['2_4'] 形式的模型结尾, 我尝试了很多方法,但模型无法正确绑定(bind)。

其实,尝试过这个方法 数据[parentItem.id], 它有效,但不知道如何连接两个动态项目。

最佳答案

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

通常对于ngModel,您不需要使用{{}}

关于javascript - AngularJs,如何分配动态模型名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21669529/

相关文章:

angularjs - 是否可以动态更改 Angular Bootstrap uib-dropdown templateUrl?

c++ - 在 C 中,free()'ing 动态分配的原始数组是必要的吗?

css - 3 个 Div 在一个容器中,动态宽度居中 Div

javascript - 如何通过 JavaScript 更改内容后重置网页?

javascript - 使用node js require()时循环?

javascript - 从 javascript 中访问 firebaseUser 'created' 时间戳

AngularJS 指令测试失败 - 为什么 "element"有错误的值?

javascript - 如何在React中从NASA APOD API反向获取图像

javascript - Canvas - 填充线条下方或上方的区域

java - 将字符串解析为代码