AngularJS ngの-optionsコマンド
AngularJS例
配列要素の使用は、ドロップダウンリストを入力します。
<DIV ngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
<選択NG-モデル= "selectedName "の名前でアイテムのアイテム"" NG-オプション=> </ select>の
</ DIV>
<スクリプト>
VARアプリ= angular.module( 'て、myApp'、[]);
app.controller( 'myCtrl'、関数($スコープ){
$ Scope.names = [ "エミール"、 "トビアス」、「ライナス」];
});
</スクリプト>
<選択NG-モデル= "selectedName "の名前でアイテムのアイテム"" NG-オプション=> </ select>の
</ DIV>
<スクリプト>
VARアプリ= angular.module( 'て、myApp'、[]);
app.controller( 'myCtrl'、関数($スコープ){
$ Scope.names = [ "エミール"、 "トビアス」、「ライナス」];
});
</スクリプト>
»をお試しください
定義と使用法
使用するためのNG-オプション命令 <オプション>要素のオプションを<select>の充填。
NG-オプションは ngのリピート命令で使用するため、ほとんどの場合、ドロップダウンリストを移植するために配列を使用するコマンド。
文法
<選択NG-オプション=「アレイの表現"> </ select>の
<詳細>要素は、命令をサポートしています。
パラメータ値
値 | 説明 |
---|---|
配列式 | 式選択素子アレイは、オプションで満たされています。 |