Angular.js 選択ボックスでデフォルトのオプションを設定するにはどうすればよいですか?

Angular.js 選択ボックスでのデフォルト オプションの設定

Angular.js では、選択ボックスでのデフォルト オプションの設定は一般的な要件です。デフォルトでは、選択ボックスには最初のオプションが選択されたものとして表示されます。ただし、開発者は、ビジネス ロジックやユーザー設定に基づいて、別のオプションをデフォルトとして指定したい場合があります。

次のコード スニペットを検討してください:

<select ng-model="somethingHere" 
        ng-options="option.value as option.name for option in options">
</select>

次のデータ:

options = [{
   name: 'Something Cool',
   value: 'something-cool-value'
}, {
   name: 'Something Else',
   value: 'something-else-value'
}];

このコードは、デフォルトで最初のオプション (「Something Cool」) が選択された選択ボックスを生成します。この動作を変更するには、Angular.js の ng-init ディレクティブを使用できます。 ng-init を使用すると、適用される要素のスコープ変数を初期化できます。

<select ng-init="somethingHere = options[0]" 
        ng-model="somethingHere" 
        ng-options="option.name for option in options">
</select>

ng-init ディレクティブのオプション配列の最初の要素に somethingHere を設定することで、選択ボックスを強制できます。デフォルトで選択されている最初のオプションを表示します。

以上がAngular.js 選択ボックスでデフォルトのオプションを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。