選中Angular Material中的All復選框功能

Question

我將復選框的值綁定到數組，我需要實現一個復選框，當選中該復選框時，它會選擇所有其他復選框。 如何使用Angular材質的標簽實現全選復選框功能？

Answer 1

最簡單的方法可能是使用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;
    });
}