2017-10-13 3 views
0

J'essaie de créer un formulaire en utilisant le matériel AngularJS et j'ai de la difficulté à afficher mes options de liste déroulante. Mon HTML est ci-dessous et mes options sont stockées dans un tableau d'objets sur mon script serveur. Qu'est-ce que je fais mal ci-dessous?AngularJS Les options du menu déroulant ne fonctionnent pas

<md-input-container class="md-block" flex-gt-sm ng-switch-when="choice"> 
    <label for="{{element.section_element_name}}">{{element.section_element_label}}</label> 
    <md-select id={ {element.section_element_name}} type="selectbasic" value={{element.q_value}}> 
     <md-option ng-repeat="option in element.section_element_choices" value="{{option.element_choice_value}}"> 
      {{option.element_choice_label}} 
     </md-option> 
    </md-select> 
</md-input-container> 
+0

vous cand ajouter un exemple de votre objet élément? –

+0

vous devez d'abord ajouter ng-model = "selectedItem" dans votre balise md-select –

Répondre

0
<md-input-container class="md-block" flex-gt-sm ng-switch-when="choice"> 
    <label for="{{element.section_element_name}}">{{element.section_element_label}}</label> 
    <md-select id={ {element.section_element_name}} type="selectbasic" ng-model="selectedItem"> 
    <md-option ng-repeat="option in element.section_element_choices" value="{{option.element_choice_value}}"> 
     {{option.element_choice_label}} 
    </md-option> 
</md-select> 

+0

whoa, qui a fonctionné comme un charme! Désolé, je suis assez nouveau pour angular, où ng-model = "selectedItem" est-il défini? juste essayer de comprendre pourquoi cela fonctionne =). Merci! – Dave

+0

ngModel est responsable de la liaison de la vue dans le modèle, que d'autres directives telles que input, textarea ou select nécessitent. dans votre cas ng-model est requis par la directive md select. https://docs.angularjs.org/api/ng/directive/ngModel –