有没有办法在lumx Select中实现select all选项？

Question

我目前在我的角度材质应用程序中使用带有多个选项的lumx Select。我必须在select中实现一个'select all‘选项来选择下拉列表中的所有值。

我参考了angular select的文档，但找不到它是否支持“select all”选项。文档：Lumx Select

Answer 1

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

因此，基本上您必须创建一个"All“选项来包含在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()

}

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

从某个人的select示例中查看我的fork，其中实现了该特性：https://jsfiddle.net/Khullah/wyfcy6ko/1/