Question

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

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

Answer 1

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

所以基本上你必须创建一个＆＃34; All＆＃34;选项包含在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()

}

注意在函数中我们检测到＆＃34; All＆＃34;选项并相应地更改模型。

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

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

1 个答案: