AngularJS の ng-options ディレクティブでオプションの値を設定するにはどうすればよいですか?

AngularJS の ng-options でオプション値を取得

ng-options ディレクティブでは、オプションの値を指定できます。一部の人にとっては混乱します。ドキュメントは明確さに欠けていますが、基礎となる内包表記を理解することでプロセスが明確になります。

オプションの値を設定するために、AngularJS は Python のリスト内包表記に似た内包表記を使用します。 AngularJS では、ng-options の内包表現はさまざまな形式を取ることができます。

配列データ ソースの構文:

配列内の値のラベル
配列の値のラベルとして選択
配列の値のグループごとのラベル
配列の値のグループごとのラベルとして選択 trackexpr によってトラック

オブジェクトの構文データ ソース:

オブジェクト内の (key , value) のラベル
オブジェクト内の (key , value) のラベルとして選択
(key , value) のグループごとのラベルin object
select as label group by group for (key, value) in object

特定のケースの場合、正しい構文は次のようになります。

array = [{ "値": 1, "テキスト": "1 番目" }, { "値": 2, "テキスト": "2 番目" }];

AngularJS アップデートで更新:

最近の AngularJS アップデートにより、実際のtrack by 式を使用した select 要素の value 属性の値:

ニーモニック:

複雑な構文を思い出すには、より小さな塊に分割すると役立ちます:

label -> ;画面に表示したいもの
->
value -> に対して反復される配列またはオブジェクトを示します。オプションの value 属性に格納したいもの
as ->;値を画面上で別のものとしてラベル付けするために使用されます (オプション)
group by ->オプションをグループ化するために使用されます (オプション)
track by ->オプションの value 属性の値を設定するために使用されます (オプション)

構文を理解し、これらのニーモニックを利用することで、AngularJS の ng-options で自信を持って value プロパティを設定できます。

以上がAngularJS の ng-options ディレクティブでオプションの値を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。