2017-03-20 12 views
0

私は角度ボックスを使用して、選択ボックスに動的オプション値を表示しています。 私が直面している1つの問題は、デフォルトでは、空のオプションを 選択ボックスに追加していることです。以下は選択ボックスのコードです。角度js選択ボックスから空のオプション値を削除

     <select class='flowprovetermin' ng-change='gradeReloadData()' data-ng-model="provetermin[0]"> 
      {loop="$proveterminOptions"} 
      <option value="{$value['proevetermin']}">{$value['proevetermin']}</option> 
      {/loop} 
      </select> 

デフォルトの空の値を削除する方法を教えてください。

+2

[なぜAngularJSにselectでは空のオプションが含まれていますか?](http://stackoverflow.com/questions/12654631/why-does-angularjs-include-an-empty-option-in-select) – binariedMe

答えて

0

ng-optionsを使用して<select>オプションを設定します。あなたがへng-modelを割り当てているように見えます

例(HTML):

<select class='flowprovetermin' 
     ng-change='gradeReloadData()' 
     ng-model="mySelectedOption" 
     ng-options="myOptions"> 
</select> 

例(JS):

$scope.myOptions = [ 
    { id: "option1", name: "Option 1" }, 
    { id: "option2", name: "Option 2" }, 
    { id: "option3", name: "Option 3" } 
]; 

注意配列内のオブジェクト。 このオブジェクトは、おそらく変数に割り当てる必要があります。 <select>ng-modelが選択されたオプションです。

関連する問題