Angularjs: ng-options du groupe par

J'ai celui-ci au niveau de l'arbre de la situation:

<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 de la optgroups avec leurs enfants, mais se répète
les racines aussi:

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

je veux produire:

[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]

InformationsquelleAutor daniel | 2013-09-04

34

Le groupement n'a pas assez de travail comme ça, si vous modifiez votre json à 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 aurez le groupement de la façon dont vous voulez

jsFiddle: http://jsfiddle.net/rtCP3/182/
- C'est vrai mais est-il une façon de montrer les racines d'options quand ils n'ont pas d'enfant et comme un "optgroup" quand ils ont? de cette façon, je peux voir les racines comme "optgroup" et que l'option de ce groupe.
- Voulez-vous les "racines d'options quand ils n'ont pas un enfant" sélectionnable?
- oui, parce que les desc et les tipis est la même chose.. et de cette façon est de dupliquer.. le "optgroup" est égale à la première option.
- Mais si le "optgroup" a des enfants, vous ne voulez pas le "optgroup" sélectionnable? Normalement, vous ne pouvez pas sélectionner optgroups, vous auriez à faire un enfant.
- en fait, je ne veux pas les sélectionner... mais il ya des cas où les racines sont sélectionnables et ce dans ce cas je veux racines à être des options et pas optgroups avec la même étiquette option..
- Ok j'ai une sorte de solution... si je reçois tous les éléments qui n'ont pas d'enfants... de cette façon je peux obtenir des options de racines sans les éléments... et de tous les "optgroup" avec juste des enfants. donc, si le groupe des racines (tipis est "), alors ce sera juste une option... alors que si tipis a une certaine valeur, il sera à l'intérieur d'un "optgroup". Merci pour la direction.
InformationsquelleAutor Mathew Berg
7

La simple liste déroulante qui peut afficher les éléments avec et sans groupes, et vous pouvez également définir certains éléments comme les handicapés: Ici est 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>
```
InformationsquelleAutor Shafqat Ali

J'étais à la recherche pour la même question et a trouvé de meilleure réponse. On peut utiliser la fonction pour renvoyer des données qu'il doit, 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

InformationsquelleAutor malibeg

Vous devez vous connecter pour publier un commentaire.