带有选项组的ng-multiselect-下拉菜单

Question

我正在尝试在ng-multiselect-dropdown中对我的选项进行分组。有什么办法，我找不到任何参考。请如下所示查看我的代码。。html

<ng-multiselect-dropdown [placeholder]="'Select one'" [data]="mutiData" [settings]="multiDataSettings">
</ng-multiselect-dropdown>

。ts

this.multiData = [
    { id: '1', value: 'A one', 'group':'A' },
    { id: '2', value: 'A two', 'group':'A' },
    { id: '3', value: 'B one', 'group':'B' },
];

this.multiDataSettings = {
    singleSelection: true,
    idField: 'id',
    textField: 'value',
    itemsShowLimit: 1,
    groupBy: "group",
};

Answer 1

我认为ng-multiselect-dropdown不能提供此功能。

如果您想执行此操作，则可以尝试使用此方法，而不是ng-multiselect-dropdown

<select id="food" name="food" multiple>
                <optgroup label="Fruits">
                    <option value="1">Apples</option>
                    <option value="3">Bananas</option>
                    <option value="4">Peaches</option>
                    <option value="5">...</option>
                </optgroup>
                <optgroup label="Vegetables">
                    <option value="2">Carrots</option>
                    <option value="6">Cucumbers</option>
                    <option value="7">...</option>
                </optgroup>
                <optgroup label="Baked Goods">
                    <option value="8">Apple Pie</option>
                    <option value="9">Chocolate Cake</option>
                    <option value="10">...</option>
                </optgroup>
            </select>

Answer 2

由于<ng-multiselect-dropdown>的名称groupBy没有任何设置，所以您不能这样做>