angularjs - 有没有办法在 lumx Select 中实现全选选项？

Question

我目前在我的角度材料应用程序中使用具有多种选择的 lumx Select。我必须在选择中实现“全选”选项以选择下拉列表中的所有值。

我参考了角度选择的文档，但无法找到它是否具有对“全选”选项的本机支持。文档：Lumx 选择

Answer 1

从您引用的文档中，选定项目和未选定项目之间的区别由两个属性给出：ng-model="vm.selectModel.selectedPeople"和lx-choices="vm.selectPeople".

所以基本上你必须创建一个“全部”选项来包含lx-choices（vm.selectPeople在这种情况下），然后检测它何时被选中。这可以通过调用控制器中的函数来完成：

HTML：

<lx-select ... lx-multiple="true" change="$scope.selectCallback(newValue, oldValue)">

控制器

vm.selectCallback = selectCallback;
function selectCallback(_newValue, _oldValue) {
    console.log('Old value: ', _oldValue);
    console.log('New value: ', _newValue);
    if (_newValue == 'all')
       vm.selectModel.selectedPeople = vm.selectPeople.slice()

}

请注意，在函数中我们检测到“全部”选项并相应地更改模型。

从某人的选择示例中查看我的叉子并实现了该功能： https ://jsfiddle.net/Khullah/wyfcy6ko/1/