ホームページ > 記事 > ウェブフロントエンド > Angular.js 選択ボックスで最初のオプションをデフォルトとして設定するにはどうすればよいですか?
Angular.js 選択ボックスで最初のオプションをデフォルトとして設定するにはどうすればよいですか?
- Susan Sarandonオリジナル
- 2024-11-26 13:55:14297ブラウズ
Angular.js: 選択ボックスのデフォルト オプションの設定
質問
データの最初のオプションをデフォルト値として設定するにはどうすればよいですか? 、次のような出力が得られますこれ:
<select>
<option value="0" selected="selected">Something Cool</option>
<option value="1">Something Else</option>
</select>
回答
Angular.js では、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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。