角度ドロップダウンは

Question

これを再作成する。これは、私のJSON形式の出力ブロック

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

ある

<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> 

私の角度のjs htmlのブロックである私が編集していながら、ドロップダウン値が移入されていません。私は、私はあなたがng-optionsを使用するように変更する必要があり、その解決策

Answer 1

を見つけるための正しい方法を得ることができませんでした角度JSに新しいです、このような何か：

コントローラー：

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

そして、あなたの中にビュー：

<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> 

はこれが動作しないthis jsfiddle