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

Question

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

これをコントローラーに設定しました（コントローラーを構文として使用）：

this.myOption = this.myOptions[0];

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

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

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

これはJSBinのデモです。

Answer 1

次のいずれかを変更します。

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/

Answer 2

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