Angularjs: ng-选项分组依据
Angularjs: ng-选项分组依据
提问于 2013-09-04 21:45:59
我有一个级别树的情况：
<select ng-model="tipost"
ng-options="tip.DESC group by tip.TIPIS for tip in tipall"><br>
</select>其中json是：
[
{"ID":"1", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName1"},
{"ID":"2", "IDPARENT":"1", "TIPIS":"GroupName1", "DESC":"CHILDNAME1"},
{"ID":"3", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName2"}
]问题是，这创建了optgroup及其子组，但也重复了根：
- GroupName1
- GroupName2
[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]我想制作：
[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]回答 3
Stack Overflow用户
回答已采纳
发布于 2013-09-04 21:51:53
如果您将json更改为如下所示，则分组并不完全是这样工作的：
[
{"ID":"1", "TIPIS":"GroupName1", "DESC":"name"},
{"ID":"2", "TIPIS":"GroupName1", "DESC":"name1"},
{"ID":"3", "TIPIS":"GroupName2", "DESC":"name2"},
{"ID":"4", "TIPIS":"GroupName1", "DESC":"name3"},
]然后，您将以您想要的方式获得分组
jsFiddle：http://jsfiddle.net/rtCP3/182/
Stack Overflow用户
发布于 2016-05-05 02:27:30
这个简单的下拉列表可以显示带组和不带组的项目，还可以将一些项目设置为禁用:这里是plunk：https://plnkr.co/edit/uhsn4lmzssi6rrijPEAp?p=preview
<select ng-model="ddl.selected"
ng-options="item.id as item.text group by item.groupName disable when item.enabled===false for item in ddl.items"></select>Stack Overflow用户
发布于 2015-02-01 06:40:55
我一直在搜索同样的问题，并找到了更好的答案。用户可以根据需要使用函数返回数据，如下面的getGarageName查询所示
ng-options="car.id as car.name + ' (' + car.color + ')' group by getGarageName(car.garageId) for car in cars"
// this is the data
cars = [
{"id": 1, "name": "Diablo", "color": "red", "garageId": 1},
{"id": 2, "name": "Countach", "color": "white", "garageId": 1},
{"id": 3, "name": "Clio", "color": "silver", "garageId": 2},
...
]
garages = [
{"id": 1, "name": "Super Garage Deluxe"},
{"id": 2, "name": "Toms Eastside"},
...
]http://www.wenda.io/questions/2597799/angular-js-select-with-ngoptions-label-the-optgroup.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18615624
复制相关文章
相似问题