2016-08-23 12 views
0

ng-repeatの表示項目にループすることは可能ですか? 私は複数のフィルタを持つng-repeatを持っていて、私はrepeatの中のすべての目に見える項目を選択するために 'select all'関数を作成したいと思います。ng-repeatの表示項目へのループ

表示アイテムはどのように入手できますか?フィルタが変更されているときに選択が取り消される可能性があるため、「古い」選択肢はありませんが、条件なしのすべての項目をループすることは簡単に実行できます。

<div class="item" ng-repeat='item in collection | product_sex:filter_sex | product_stock: stockKind | filter:productFilter'> 
    {{item.name}} 
    {{item.price}} 
</div> 
+0

コードを表示します。何を試しましたか? –

+0

まだ何も、私はどこから始めるべきかわかりません。私はng-repeatを追加しました – NVO

+0

バインディングを使用しない理由は何ですか?たぶん私は間違っているかもしれませんが、フィルタリングされていない要素、つまりリストに表示されている要素だけが選択されます。 – Mathieu

答えて

0

このようなフィルタを追加できます。

<div ng-repeat="item in items | filter:{visible: true} "> 
    <p>{{item.id}}</p> 
</div> 
0

あなたはNGリピートディレクティブでとして式を使用して、すべての目に見えるアイテムを表す変数定義できます右ng-の下に、あなたは簡単にこの変数にアクセスすることができ

<div class="item" 
    ng-repeat='item in (collection | product_sex:filter_sex | product_stock: stockKind | filter:productFilter) as allVisibleItems'> 
    {{item.name}} 
    {{item.price}} 
</div> 

をたとえば、次のように繰り返します。

<div ng-click="selectAll(allVisibleItems)">Select all Items</div> 

詳細はこちらhttps://docs.angularjs.org/api/ng/directive/ngRepeat

関連する問題