ng-model et dropdownLists

Bonjour, j'ai une question:

J'ai deux listes déroulantes bindées. La première avec une liste de string et la seconde avec une liste d'objets (Id + Nom). ID=Guid et Nom=string

Je charge la page avec un SelectedItem présélectionné pour chacune via ng-model.

La première affiche correctement l'élément présélectionné mais pas la seconde avec l'objet.

voici mon code:

Code:

---

1 2 3

<select id="datacircuit" name="" ng-model="model.SelectedCircuit" ng-options="item.Name for item in model.Circuits" key="Id" > <option value="">Selectionner</option> </select>

---

Pouvez-vous m'aider ?

Merci bcp d'avance, Yoda




edit:

Bizarrement en faisant ceci dans le Ctler, ca fonctionne :

Code:

---

1 2	var ItemIndex = ...// (un find fait côté serveur) $scope.model.SelectedItem = $scope.model.Items[ItemIndex]

---

Il doit remapper le currentitem avec l'élément de la liste... il ya bien qqchse de prévu pour éviter de devoir faire ça non ?

je suppose que tu as voulu écrire

Code:

---

model.SelectedCircuit

---

et non

Code:

---

model.SelectedItem

---

Car on ne voit pas d'où sort SelectedItem dans ton HTML.

Sinon oui: on doit initialiser le <select> dans le Controller. Certains utilisent un ngInit mais je n'aime pas accumuler les Directives sur un tag (ca devient dur a debugger entre ng-model ng-options...)

Code:

---

$scope.model.SelectedCircuit = machin;

---

ici machin est un object Circuit de forme {"Id": ii, "Nom": nn}. La directive ne peut pas deviner l'objet car elle ne voit plus son Prototype Javascript. Le scope peut voir les noms des objets du scope parent mais plus forcément leur Prototype. En faisant l'initialisation

Code:

---

$scope.model.SelectedCircuit = $scope.model.Circuits[ItemIndex]

---

tu lui redonnes son Prototype.

Bonjour, merci de ta réponse,

c'est en effet la ou j'en suis arrivé comme conclusion aussi. :)

Yoda

j ai beaucoup galere sur les listes. Car en general la liste d'options et la valeur selectionnée viennent du serveur en même temps. C'est comme cela que j'ai approfondi sur cette histoire de $scope.

Par exemple meme si j'envoyais la liste d'options en précisant laquelle était selectionnée, le scope du <select> ne pouvait pas le voir et se positionner automatiquement sur le bon indice.
Et quand j'y pense Angular n'est pas toujours pratique pour faire une interface graphique.

Citation:

---

Envoyé par devyreham

j ai beaucoup galere sur les listes. Car en general la liste d'options et la valeur selectionnée viennent du serveur en même temps. C'est comme cela que j'ai approfondi sur cette histoire de $scope.

Par exemple meme si j'envoyais la liste d'options en précisant laquelle était selectionnée, le scope du <select> ne pouvait pas le voir et se positionner automatiquement sur le bon indice.

---

C'est tout à fait réalisable. Et puis avec l'héritage des scopes je vois pas le problème.

J'ai fait fonctionné ce binding pour un paramètre qui contient une valeur (clé) et une liste de valeurs acceptées (objets clé/valeur):

Code:

---

<select class="form-control" ng-show="param.hasValues()" ng-model="param.value" ng-options="value as key for (key, value) in param.values"></select>

---

Citation:

---

Envoyé par devyreham

Et quand j'y pense Angular n'est pas toujours pratique pour faire une interface graphique.

---

ça c'est une blague :mrgreen:

Meme dans ce cas il n'y a pas de valeur par defaut sans Controller.

La valeur affichée est celle du ngModel. Si

Code:

---

param.value

---

est inexistant le <select> ne peut pas choisir dans la liste des options.

Sinon bien sur c'est realisable en ecrivant ta propre directive ou comme je disais avec ngInit. Tu utilises quelle version? J'en suis encore a 1.08.

Sans controller il n'y a ni valeur par défaut ni liste de valeurs à sélectionner, je vois pas trop l’intérêt.

Le rôle du controller est bien (en plus de gérer la logique) d'initialiser les modèles de son scope.

Citation:

---

Envoyé par http://docs.angularjs.org/guide/dev_guide.mvc.understanding_controller

Use controllers to:

• Set up the initial state of a scope object.
• Add behavior to the scope object.

---