如何隐藏按钮，当复选框被选中通过ng-show和ng-model

Question

选中任何复选框时需要隐藏按钮。

这是我的代码：

选中复选框时需要显示按钮，如果未选中复选框，则需要隐藏按钮：

<a ng-click="ctrl.editEmployee()" ng-show="showButton" id="btn_edit_employees" class="btn btn-warning" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" hidden>Edit</a>

当我选中下一个复选框时：

<table ng-table="ctrl.tableParams" class="table table-striped">
<tr ng-repeat="row in $data track by row.id">
<td data-title="">
<input type="checkbox" ng-model="showButton">
</td>
<td data-title="'Full Name &#8645;'" sortable="'fullname'" data-ng-bind="row.fullname"></td>
</tr>
</table>

我认为如果我使用 ng-repeat，隐藏按钮不起作用。因为如果我只使用一个，它就可以正常工作。

Answer 1

我认为您应该添加一个单击事件来处理此问题。 并且您需要在$data中添加选中的变量以存储是否选中此行以及按钮的ngIf 的全局显示按钮 喜欢：

<table ng-table="ctrl.tableParams" class="table table-striped">
<tr ng-repeat="row in $data track by row.id">
<td data-title="">
<input type="checkbox" ng-model="row.checked" ng-change="rowCheck()">
</td>
<td data-title="'Full Name &#8645;'" sortable="'fullname'" data-ng-bind="row.fullname"></td>
</tr>
</table>
function rowCheck(){
$scope.showButton = !$data.every(x=>x.checked);
}