Question

可以循环到ng-repeat中的可见项目吗？我有一个带有多个过滤器的ng-repeat，我想创建一个＆＃39; select all＆＃39;用于选择重复中的所有可见项目。

我如何获得可见物品？当过滤器发生变化时，选择可能会被撤消，因此没有“旧”的选择。选择可能，但可以很容易地完成循环所有项目，没有条件。

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

Answer 1

你可以添加这样的过滤器;

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

Answer 2

您可以使用作为表达式并使用ng-repeat指令定义代表所有可见项目的变量：

您可以轻松访问此变量，例如在ng-repeat下面：

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

更多内容可以在这里阅读：https://docs.angularjs.org/api/ng/directive/ngRepeat

循环到ng-repeat中的可见项目

2 个答案: