javascript - 如何让复选框在 AngularJS 中显示选中/未选中状态？

Question

目前，我在 AngularJS 中的每一行都有一个复选框；

<table class="table table-hover data-table sort display">
<thead>
  <tr>
    <th>Name</th>
    <th>Location</th>   
    <th>Checkbox Alert</th>
  </tr>
</thead>
<tbody>
  <tr ng-repeat="item in filteredList | orderBy:columnToOrder:reverse">  
    <td>{{item.name}}</td>
    <td>{{item.location}}</td>  
    <td><input type="checkbox" ng-model="selected" ng-change="display(selected, item)"></td>  
  </tr>
</tbody>
</table>

我有一个 bool 变量 {{item.checkbox_status}}，它反射(reflect)复选框是否应该被选中或取消选中。我应该如何将这个变量放入上面的表格html代码中以获得复选框以反射(reflect)检查状态？还是我需要在 Controller 上工作？

Answer 1

ng-model 就是您的答案。

即:

<input type="checkbox"  ng-model="item.checkbox_status" ng-click="alert_display()" ng-true-value="true" ng-false-value="false" />

引用: https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

希望我有所帮助。