全選複選框Angular Material中的功能

Question

我將複選框的值綁定到一個數組，我需要實現複選框，選中時選中所有其他複選框。 如何在Angular材質中使用標籤實現Select All複選框功能？

Answer 1

最簡單的方法是對ng-change的「全選」複選框進行更改並修改您的數組。

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

迭代手動或使用lodash's _.forEach並設定數組中的值的陣列上。

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