ホームページ  >  記事  >  ウェブフロントエンド  >  ng-repeat と ng-options の違い

ng-repeat と ng-options の違い

怪我咯
怪我咯オリジナル
2017-06-27 11:48:151630ブラウズ

1. ng-repeat

<select>
<option value="x.id" ng-repeat="x in list" ng-bind="x.name">
</option>
</select>

2. ng-options

<select ng-options="x.id as x.name for x in list" ng-model="listId">
</select>


3. 違い:
上記のように、select では ng-repeat を記述する必要がありますが、ng-options は必要ありません。オプションが自動的に生成されます。
ng-options は ng-model と一致する必要があります。ng-model はリストの値を取得します。
注意! !
1) .ng-options の値の型が string 型の場合はループできません。
2) list.id の値の型が string の場合はループできません。
はい、ID タイプに基づいて異なる選択が行われます。これは最近のプロジェクトで発見され、上記の方法で解決されました。

以上がng-repeat と ng-options の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。