インデックス付き `select`タグにデフォルトの` option`を設定する方法は？

Question

私のselectタグのデフォルトoptionは空白です。私はそれを代わりに "価値"にしたい。ここで

は私のplunkerです：https://plnkr.co/edit/hrcnOCANfzaNEZacQo7R?p=info

は、なぜこれが空白を表示しますか？デフォルトのoptionタグを「値」とし、valueの属性を「値」にするにはどうすればよいですか？

Answer 1

空白のオプションを付けてみてください：

<select ng-model="customize[$index].selectedDataTransform"> 
    <option value="">Value</option> 
    <option ng-repeat="option in dataTransform" value="{{option.value}}">{{option.label}}</option> 
</select> 

またはデフォルト値でng-modelを設定：

<select ng-model="customize[$index].selectedDataTransform || 'value'"> 
    <option ng-repeat="option in dataTransform" value="{{option.value}}">{{option.label}}</option> 
</select> 

はplunkerを参照してください。

言及：デフォルトのオプションの値が空白の場合ng-modelがunsettedとき

、空白のオプションが自動的に選択されます。

Answer 2

あなたは、選択モデル

ng-init="customize[$index].selectedDataTransform = dataTransform[0].value"

<select ng-model="customize[$index].selectedDataTransform" ng-init="customize[$index].selectedDataTransform = dataTransform[0].value"> 
    <option ng-repeat="option in dataTransform" value="{{option.value}}">{{option.label}}</option> 
</select> 

Demo

を割り当てるには、NG-INITを使用することができます