web-dev-qa-db-ja.com

AngularJS ng-optionsデフォルトで選択されたオプション

Ng-optionsでデフォルトのオプションを設定するにはどうすればよいですか?

これをコントローラーで設定しました(コントローラーを構文として使用):

this.myOption = this.myOptions[0];

ただし、それでも空のデフォルトオプションが返されます。

<option value="?" selected="selected"></option>

デフォルトオプションをモデルの最初の値(「アイテム1」)に設定するにはどうすればよいですか?

これはJSBinデモです

7
Ryan

いずれかの変更:

ng-options="value.id as value.label ...

に:

ng-options="value as value.label ...

デモ: http://jsbin.com/gewebeqo/4/


または使用:

this.myOption = this.myOptions[0].id;

コントローラで。

デモ: http://jsbin.com/gewebeqo/3/

12
Yoshi

ng-modelには、選択するオプションのIDが必要です。したがって、this.myOption = this.myOptions[0].id;ではなくthis.myOption = this.myOptions[0]を使用する必要があります。

3
Daniel