J'ai cette situation d'arbre à un niveau:
<select ng-model="tipost"
ng-options="tip.DESC group by tip.TIPIS for tip in tipall"><br>
</select>
où le json est:
[
{"ID":"1", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName1"},
{"ID":"2", "IDPARENT":"1", "TIPIS":"GroupName1", "DESC":"CHILDNAME1"},
{"ID":"3", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName2"}
]
le problème est que cela crée les optgroups avec leurs enfants mais répète aussi les racines:
- GroupName1
- GroupName2
[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]
je veux produire:
[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]
Le regroupement ne fonctionne pas vraiment comme ça, si vous changez votre json en quelque chose comme ceci:
[
{"ID":"1", "TIPIS":"GroupName1", "DESC":"name"},
{"ID":"2", "TIPIS":"GroupName1", "DESC":"name1"},
{"ID":"3", "TIPIS":"GroupName2", "DESC":"name2"},
{"ID":"4", "TIPIS":"GroupName1", "DESC":"name3"},
]
Ensuite, vous obtiendrez le regroupement comme vous le souhaitez
jsFiddle: http://jsfiddle.net/rtCP3/182/
Le menu déroulant simple qui peut afficher des éléments avec et sans groupes, et vous pouvez également définir certains éléments comme désactivés: Voici 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>
Je cherchais la même question et j'ai trouvé une meilleure réponse. On peut utiliser la fonction pour renvoyer les données dont il a besoin, comme dans la requête ci-dessous 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