150 votes

Comment utiliser ng-option pour définir la valeur par défaut d'un élément de sélection ?

J'ai vu la documentation de la directive select d'Angular ici : http://docs.angularjs.org/api/ng.directive:select . Je n'arrive pas à trouver comment définir la valeur par défaut. C'est déroutant :

sélectionner comme étiquette pour une valeur dans un tableau

Voici l'objet :

{
    "type": "select", 
    "name": "Service",
    "value": "Service 3", 
    "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] 
}

Le html (travail) :

<select><option ng-repeat="value in prop.values">{{value}}</option></select>

puis j'essaie d'ajouter un attribut ng-option à l'intérieur de l'élément de sélection pour définir prop.value comme option par défaut (ne fonctionne pas).

ng-options="(prop.value) for v in prop.values"

Qu'est-ce que je fais mal ?

0voto

Jenna Leaf Points 11

Très simple si vous ne vous souciez pas d'indexer vos options avec un identifiant numérique.

  1. Déclarez votre var $scope - tableau de personnes

    $scope.people= ["", "YOU", "ME"];
  2. Dans le DOM de la portée ci-dessus, créez l'objet

    <select ng-model="hired" ng-options = "who for who in people"></select>
  3. Dans votre contrôleur, vous définissez votre ng-model "hired".

    $scope.hired = "ME";

Bonne chance ! !! C'est très facile !

0voto

tyne Points 77

Pour compléter, j'ai fait quelque chose comme ça.

 <select class="form-control" data-ng-model="itemSelect" ng-change="selectedTemplate(itemSelect)" autofocus>
        <option value="undefined" [selected]="itemSelect.Name == undefined" disabled="disabled">Select template...</option>
        <option ng-repeat="itemSelect in templateLists" value="{{itemSelect.ID}}">{{itemSelect.Name}}</option></select>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X