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>

我有一个布尔变量{{item.checkbox_status}}，它反映了是应该选中还是取消选中该复选框。我应该如何将此变量放入上面的表格html代码中以获取反映检查状态的复选框？或者我需要在控制器上工作吗？

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

希望我帮助过。

Answer 2

只需将ng-model =“item.checkbox_status”添加到输入中即可。

Answer 3

通常，这应该足够了：

<input type="checkbox" ng-model="item.checkbox_status" ng-change="display(selected, item)">

Answer 4

use ng-checked for showing checked and unchecked status..
$scope.selectedThings=["a", "b", "c"];
$scope.availableThings=["a", "b", "c", "d", "e"];
<label class="col-md-6 checkbox" ng-repeat="data in availableThings">
<input type="checkbox" ng-checked="data && (availableThings.indexOf(data) !== -1)" />{{data}}
</label>

如何获取复选框以在AngularJS中显示已选中/未选中状态？

4 个答案: