2016-05-13 2 views
1

Ich versuche, einen Wert der Combobox mit dynamischen Daten hinzuzufügen. Das Problem ist, dass der Wert in meiner Combobox nicht angezeigt wird.Konnte keinen Wert zu einem ng-Modell in der Combobox hinzufügen

Hier ist mein html

<label>Veuillez choisir l'outil de référence :</label> 
<select class="form-control" 
     ng-model="refouti" 
     ng-change="getversion()"> 
    <option value="" selected> 
     Tous 
    </option> 
    <option ng-repeat="o in outills" 
      value={{o.id}}> 
     {{o.nomref}} 
    </option> 
</select> 

In meinem Controller, wenn ich Wert auf refouti wie diese hinzufügen möchten:

$scope.refouti="OPCOM"; 

bekomme ich so etwas wie dieses

enter image description here

Dank zu irgendeiner Unterstützung.

+0

, die Sie Wert als Standardwert hinzufügen möchten? –

+0

nein es ist kein Standardwert Ich wollte nicht den ganzen Code einfügen, weil es komplizierter aussieht $ scope.refouti = dynamischer Wert, der sich bei jeder Bedingung ändert. Ps Wenn ich einen Standardwert hinzufügen möchte, würde ich einen hinzufügen Option mit diesem Wert –

+1

Ich schlage vor, Sie verwenden ng-Optionen anstelle von ng-Wiederholung in auswählen. –

Antwort

1

Verwenden Sie ng-Optionen auf der Auswahl.

Hier ist, was passiert:

Ihre ng-Repeat funktioniert, es druckt mehrere <option> Tags. ABER ohne eG-Optionen zu verwenden, weiß angular nicht wirklich, dass er mit einem Select spielt. Wenn Sie den Wert von ng-model ändern, ändert sich der "Wert" der Auswahlbox, die leer wird, direkt. In Ihrem Fall müssten Sie ein neues Array-Objekt an $scope.outills (oder überschreiben), und nicht $scope.refouti

+0

okey ich stimme dir zu, aber ich habe versucht mit ng-option es immer noch das gleiche Problem kann ich nicht etwas anzeigen, wenn ich dies $ $ scope.refouti = anyvalue 'ps in ng option Ich habe das gleiche ng-Modell ich habe es nicht geändert wie 'ng-model =" selected "', das Problem hier ist, wie kann ich einen Wert 'anyvalue' aussehen, wie in meiner Combobox ausgewählt –

+1

Vielleicht wird dies Ihre Frage beantworten: http://stackoverflow.com/questions/17968760/how-to-set-a-selected-option-of-a-dropdown-list-control-using-angular-js –

Verwandte Themen