2017-05-22 8 views
0

私は角を学ぼうとしています。 http://www.learn-angular.org/#!/lessons/repeatersコレクション中の角度リピータ要素

この例では、コレクションをループして各要素を表示しています。簡単に。

私は分かりませんが、コレクションの名前は "products"で、各要素は "product"と呼ばれ、JSコードのどこにproductという言葉がありません。角度は「製品」によって要素を呼び出す方法を知っていますか?コレクションは複数でなければならず、要素の名前は一意である必要がありますか?

答えて

0

識別子は、ビュー(別名、HTML)に割り当てられている:

<tr ng-repeat="product in products"> 
ng-repeat

は、コレクション内の要素を割り当てる識別子を定義する式をとります。したがって、この場合、productsの各項目をproductにバインドします。これはスコープ内でアクセスできるため、trの子要素のいずれも$scope.productというスコープのproductにアクセスできます。

識別子には任意の名前を付けることができます。 product in productsは、コレクションが$scope.appleで、識別子bananasを使用して各コレクションのアイテムを参照している限り、bananas in appleと同様に有効です。

0

ng-repeatに渡される最初の変数名は、ng-repeatにスコープされます。これはテンプレート上にあり、JSコードではなく、そのリピートブロックでのみ利用可能です。それで、それは本質的に構成されています。一般的な規則では、複数の配列の単数形(つまり、for product in products,for item in itemsなど)と呼ばれていますが、変数のみは、ng-repeatのテンプレート内の現在のng-repeat要素を参照しています。

関連する問題