html – 在angularjs ng-repeat中动态地向对象添加属性

2023年8月17日 378次阅读

我有一个对象列表,并使用ng-repeat迭代该列表以生成表格行.每个td包含源名称和复选框.我想将复选框与列表中不可用的属性绑定.怎么可能？清单是这样的： –

scope.reasons = [
        {sourceName:'Lack of rainfall'},
        { sourceName: 'Change in land use' },
        {sourceName:'Change in Land Cover'}
        ];

和HTML代码是这样的： –

<table>
  <tr ng-repeat="source in reasons">
    <td>{{source.sourceName}}</td>
    <td><input type="checkbox" ng-checked="source.postAdequate"></td>
  </tr>
</table>

最佳答案 您可以使用ng-model属性执行此操作,ng-change仅用于检查目的,即更改检测.

<table>
    <tr ng-repeat="source in reasons">
      <td>{{source.sourceName}}</td>
      <td>
        <input type="checkbox" ng-model="source.postAdequate" ng-change="changeDet()">
      </td>
    </tr>
  </table>

Demo Fiddle

希望这可以帮助

点赞