Angular.js:ng-options分组依据 [英] Angularjs: ng-options group by

问题描述

我有这种一级树情况:

I have this one level tree situation:

<select ng-model="tipost" 
        ng-options="tip.DESC group by tip.TIPIS for tip in tipall"><br>
</select>

json在哪里:

where the json is:

[
  {"ID":"1", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName1"},
  {"ID":"2", "IDPARENT":"1", "TIPIS":"GroupName1", "DESC":"CHILDNAME1"},
  {"ID":"3", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName2"}
]

问题是，这会与他们的孩子一起创建optgroup，但会重复 根源也是如此:

the problem is that this creates the optgroups with their children but repeats the roots too:

- GroupName1
- GroupName2
[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]

我想生产:

i want to produce:

[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]

推荐答案

如果将json更改为以下内容，分组将无法完全正常工作:

The grouping doesn't quite work like that, if you change your json to something like this:

[
 {"ID":"1", "TIPIS":"GroupName1", "DESC":"name"},
 {"ID":"2", "TIPIS":"GroupName1", "DESC":"name1"},
 {"ID":"3", "TIPIS":"GroupName2", "DESC":"name2"},
 {"ID":"4", "TIPIS":"GroupName1", "DESC":"name3"},
]

然后，您将按照想要的方式进行分组

Then you'll get the grouping the way you want

jsFiddle: http://jsfiddle.net/rtCP3/182/

jsFiddle: http://jsfiddle.net/rtCP3/182/

这篇关于Angular.js:ng-options分组依据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！