3

有谁知道 Angular-Ui-Select Bootstrap 版本是否支持optgroup？

似乎在https://github.com/angular-ui/ui-select上找不到任何文档？

这是他们的例子：

plnkr.co/edit/QCwSM75ilH2Vh6D9aMA4?p=preview

如何添加optgroup？

在此示例中，假设按国家/地区对人员进行分组。

4

2 回答 2

3

您可以使用group-by属性。

请参阅https://github.com/angular-ui/ui-select上的“演示多选”（最后一个示例“对象数组（带有 groupBy）”）

这是多选演示，但group-by也适用于单选。

于 2014-10-14T13:49:20.423 回答
1

这是使用字符串分组的

应用程序.js：

$scope.countries = [
                {
                    "code": "AD",
                    "name": "Andorra",
                    "continent": "Europe"
                },
                {
                    "code": "AE",
                    "name": "United Arab Emirates",
                    "continent": "Asia"
                },
                {
                    "code": "AF",
                    "name": "Afghanistan",
                    "continent": "Asia"
                }
            ];

html:

<div>
    <label>COUNTRY</label><br>
    <ui-select ng-model="user.country" style="min-width: 300px;">
        <ui-select-match placeholder="Select Country">
            <span ng-bind="$select.selected.name"></span>
        </ui-select-match>
        <ui-select-choices repeat="country in countries | filter: {name: $select.search}" group-by="'continent'">
        <span ng-bind="country.name"></span>
        </ui-select-choices>
    </ui-select>
</div>

使用其大陆生成所有国家的 JSON

http://peric.github.io/GetCountries/

于 2017-02-02T11:18:16.000 回答