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

【问题标题】：How to get checkbox to display checked/unchecked status in AngularJS?如何获取复选框以在 AngularJS 中显示选中/未选中状态？
【发布时间】：2014-08-01 08:59:09
【问题描述】：

目前，我在 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 代码中以获取复选框以反映检查状态？还是我需要在控制器上工作？

【问题讨论】：

仍然想知道为什么我得到了 -ve 点？愚蠢，琐碎的问题？不确定，因为 StackOverflow 上有很多更好的程序员。对你来说容易的事情对我来说很难。请耐心等待。
完全同意你的观点

标签： javascript angularjs checkbox

【解决方案1】：

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>

【讨论】：

【解决方案2】：

通常，这应该足够了：

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

【讨论】：

正确答案，但我只能将其中一个标记为正确答案。对不起。

【解决方案3】：

只需将 ng-model="item.checkbox_status" 添加到输入即可解决问题

【讨论】：

正确答案，但我只能将其中一个标记为正确答案。对不起。

【解决方案4】：

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

希望我能帮上忙。

【讨论】：

如果想使用应该更合适