选中“所有”复选框“角度材质中的功能”

Select All checkbox Functionality in Angular Material

本文关键字：功能 所有 复选框 选中      更新时间：2023-09-26

我将复选框的值绑定到一个数组，并且我需要实现一个复选框，在选中时选择所有其他复选框。如何使用Angular材质的标记实现"全选"复选框功能？

最简单的方法可能是用ng-change对"全选"复选框的更改做出反应并修改数组。

<md-checkbox ng-model="ctrl.allSelected" ng-change="ctrl.toggleSelection()" />

手动或使用lodash的_.forEach遍历数组，并在数组中设置值。

function toggleSelection() {
    _.forEach($scope.content, function (c) {
        c.selected = $scope.allSelected;
    });
}
相关文章：