如何獲取復選框以在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>

我有一個布爾變量{{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>