2016-11-02 3 views
2

Dies ist mein Winkel js html BlockAngular Dropdown repopulate

<select name="input_type0" id="select-type-CA0" ng-model="webfront.customer_fields[$index].input_type" class="ng-valid ng-not-empty ng-touched ng-dirty"> 
    <option value="? number:2 ?"></option> 
    <option value="Type">Type</option> 
    <option ng-selected="webfront.customer_fields[$index].input_type == 1" value="1">Textbox</option> 
    <option ng-selected="webfront.customer_fields[$index].input_type == 2" value="2" selected="selected">Text area</option> 
    <option ng-selected="webfront.customer_fields[$index].input_type == 3" value="3">Radio Button</option> 
    <option ng-selected="webfront.customer_fields[$index].input_type == 4" value="4">Dropdown</option>             
</select> 

Das ist mein json-Format Ausgabeblock

webfront{"id":1","customer_fields":[{"id":78,"webfront_id":1,"input_type":2}]} 

Der Drop-Down-Wert wird bevölkert nicht, während ich bin bearbeiten. Ich bin neu in Winkel js ich nicht den richtigen Weg bekommen konnte seine Lösung

Antwort

0

Sie sollten es finden ändern ng-options, so etwas zu verwenden:

Controller:

$scope.options = [ 
    { value: 1, name: "Textbox" }, 
    { value: 2, name: "Text area" }, 
    { value: 3, name: "Radio Button" }, 
    { value: 4, name: "Dropdown" } 
]; 

Und in Ihrem Ausblick:

<select name="input_type0" id="select-type-CA0" 
     ng-model="webfront.customer_fields[$index].input_type" 
     ng-options="option.id as option.name for option in options"> 
    <option value="">Type</option> 
</select> 

Siehe this jsfiddle

+0

Dies funktioniert nicht. Kannst du eine bessere Lösung geben? –

+0

Erklären Sie, was nicht funktioniert. Wenn Sie das Jsfiddle überprüfen, können Sie sehen, dass es funktioniert. Du meinst wahrscheinlich, dass du etwas anderes erwartest, also bitte ausführlicher. – devqon

+0

Durch Hinzufügen dieser. Die erste Option meines Drop-Downs ist leer –

Verwandte Themen