javascript - Angular ，通过 bool 值切换 limitTo(自定义 limitTo？)

Question

因此，我正在尝试以预定义的量在 Angular limitTo 上实现一种切换效果。我的意思是传入的数据具有 bool 值“showMore”。如果为真，我所在的重复将被限制为 5，否则根本没有限制。我想知道解决此类问题的最佳方法是什么？所以我有这个重复例如:

 <div ng-repeat="item in filter.values track by $index" class="builder-result-filter-value checkbox" value="item" update-filter="updateFilter">

我想要这样的东西:

 $scope.limitValue = 5;
 <div ng-repeat="item in filter.values track by $index | limitTo: limitValue" class="builder-result-filter-value checkbox" value="item" update-filter="updateFilter">

但是那个过滤数据是有值(value)的

filter.showMore = boolean;

所以我希望该 bool 值能够控制重复是否使用 limitTo: 5，或者根本没有限制。

我想到了一种方法来做类似的事情

 <div ng-if="filter.showMore" ng-repeat="item in filter.values track by $index | limitTo: limitValue">
 <div ng-if="!filter.showMore" ng-repeat="item in filter.values track by $index">

但我认为必须有一种更优雅的方式。将不胜感激任何建议/意见。谢谢!

Answer 1

无需使用 ng-if。您可以在 HTML 本身上使用 limitTo 中的表达式来完成它，例如 limitTo: filter.showMore ？ limitValue: filter.values.length.

标记

<div ng-repeat="item in filter.values | limitTo: filter.showMore ? limitValue: filter.values.length track by $index">