我的 HTML 代码中有一个表,其中的行是由 AngularJS ng-repeat 生成的。每行包含第一列中的复选框和其他数据 在相应的列中。当单击另一个 div 中存在的此按钮时,我尝试将所有复选框标记为选中。
<tbody>
<tr ng-repeat="row in myObject track by $index" ng-class-even="'alternate-row'">
<td name="checkbox">
<input type="checkbox" ng-model="row.checked" ng-style="row.checkboxStyle" ng-click="setSelectedRow(row)" />
</td>
<td>{{ row.data1 }}</td>
<td>{{ row.data2 }}</td>
</tr>
</tbody>
按钮如下:
<div class="btn-group">
<button type="button" id="selectAll" class="btn btn-default" title="Select All" ng-click="selectAllGrid()">Select All</button>
</div>
单击复选框时会调用一个方法,将该特定行添加到数组中。如果我在单击按钮时将复选框标记为选中状态,将如何调用该方法。
最佳答案
使用指令ng-checked
<tbody>
<tr ng-repeat="row in myObject track by $index" ng-class-even="'alternate-row'">
<td name="checkbox">
<input type="checkbox" ng-checked="checkAll" ng-model="row.checked" ng-style="row.checkboxStyle" ng-click="setSelectedRow(row)" />
</td>
<td>{{ row.data1 }}</td>
<td>{{ row.data2 }}</td>
</tr>
</tbody>
在你的按钮功能中
selectAllGrid(){
$scope.checkAll=true;
}
关于javascript - 单击按钮时在 Angular 中选择多个复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44254817/