1. ホーム
  2. ジャバスクリプト

[解決済み】Angular.jsのセレクトボックスでデフォルトの選択肢を持つ方法

2022-03-27 04:10:20

質問

Googleで検索しても、これに関するものが見つかりません。

このようなコードがあります。

<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'
}];

そして、出力はこのようなものになります。

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

    <option value="?" selected="selected"></option>
    <option value="0">Something Cool</option>
    <option value="1">Something Else</option>
</select>

データの最初のオプションをデフォルト値として設定して、このような結果を得ることは可能ですか?

<select ng-model="somethingHere" ....>
    <option value="0" selected="selected">Something Cool</option>
    <option value="1">Something Else</option>
</select>

解決方法は?

を使うだけです。 ng-init このように

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