ng-sélectionné ne fonctionne pas dans l'élément sélectionné

ng-sélectionné doit être utilisé dans la balise , pas dans la balise tag. Regardez de plus près son doc et l'exemple.

parce que le < Code> Sélectionnez La détermination de la directive de l'option sélectionnée est basée sur ngmodel . Par conséquent, une fois que vous supprimez ng-sélectionnée = "c.collegename == collegeselection.collegename" , votre code doit fonctionner.

J'ai créé un Plunk pour démontrer la fonctionnalité" sélectionnée "dans SELECT Directive.

Plus de détails:

angularjs utilise ngmodel directive pour activer "la liaison de données bidirectionnelle" entre vos éléments de modèle et d'interface utilisateur.

dans le cas de "Sélectionner", le Modèle Collegeselection Vous avez spécifié comme est l'élément sélectionné . Ce qui signifie que si un utilisateur sélectionne un élément de la liste déroulante sur la page, collegeselection sera défini sur cet élément; et , si vous définissez collegeselection sur un élément de votre code JavaScript, Angularjs s'assurera que l'option est sélectionné.

Dites que vous avez le code suivant dans votre contrôleur: xxx

et le HTML ressemble à: xxx

C'est ça! Le premier collège de l'ensemble des collèges sera sélectionné si vous exécutez le code.

rappelez-vous juste de collegeselection est le Option, peu importe c'est parce que l'utilisateur a sélectionné un élément sur l'interface utilisateur ou que vous avez sélectionné un élément en JavaScript.

C'est la façon dont les travaux de liaison de données à double sens.

---

2 commentaires

Je vois, mais ce que j'essaie de faire est de faire un certain élément dans l'élément sélectionné de l'élément sélectionné. Comment le ferait-il?

---

Il vous suffit de définir le modèle collegeselection .

---

---

12
votes

Après avoir joué avec ng-sélectionné code> pendant un moment, je n'ai pas été capable de le faire fonctionner comme si vous demandez. Cependant, j'ai pu pré-sélectionner une option spécifique à l'aide de ng-init code>.

Voici un Jsfiddle de ma solution. Mon

CODE> finissez par être: p>

 colors = [
        {name:'Red', value: 'red'}, 
        {name:'Orange', value: 'orange'}, 
        {name:'Yellow', value: 'yellow'}, 
        {name:'Green', value: 'green'}, 
        {name:'Blue', value: 'blue'}, 
        {name:'Indigo', value: 'indigo'}, 
        {name:'Violet', value: 'violet'}
 ]