Angular js sélectionnez liaison
J'ai regardé tellement de nombreux exemples de la façon de faire cela, mais encore ne semblent pas le comprendre.
J'ai une installation très simple angulaire app avec le contrôleur et suis en train de remplir une seule balise select.
<body data-ng-app="App">
<div data-ng-controller="DemoController">
{{var}}
<select data-ng-options="v.id as v.name for v in selectVals">
<option value="">Select</option>
</select>
</div>
</body>
angular.module('App', []).controller('DemoController', function($scope) {
$scope.var = 'a';
$scope.selectVals = [
{ name: '1st', id: 1 },
{ name: '2nd', id: 2 }
];
});
Voici le jsFiddle: http://jsfiddle.net/Fc5ne/3/
Toute aide serait grandement appréciée.
J'ai déjà regardé dans ces lieux et a essayé de comparer mon code, mais je suis toujours en manque de quelque chose: https://docs.angularjs.org/api/ng/directive/select, http://jsfiddle.net/qWzTb/, http://jsfiddle.net/qm7E7/19/, Angulaire: la Liaison des objets en <select>, ... ainsi que quelques autres débordement de pile questions.
OriginalL'auteur peinearydevelopment | 2014-07-16
Vous devez vous connecter pour publier un commentaire.
C'est une question délicate. Le
ng-model
directive est nécessaire. Soyez assuré que de nombreuses autres personnes (y compris moi-même) ont été brûlés par cette.http://jsfiddle.net/Fc5ne/4/
select
directive.OriginalL'auteur David East
Pour la configuration de l' options de l'élément select, on peut utiliser
ng-options
directive.Pour le valeur sélectionnée, on peut utiliser
ng-model
directive.jsfiddle: http://jsfiddle.net/rpaul/j5ewuek5/
OriginalL'auteur Razan Paul