javascript - 选择 Angular Material 中的所有复选框功能

Question

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

Answer 1

最简单的方法可能是使用 ng-change 对“全选”复选框的更改使用react并修改数组。

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

手动或使用 lodash's _.forEach 迭代数组并在数组中设置值。

function toggleSelection() {
    _.forEach($scope.content, function (c) {
        c.selected = $scope.allSelected;
    });
}