角度ng重复控制?

时间:2015-04-21 00:13:41

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我需要重复特定元素一定次数,而不是重复所有元素。

<div ng-repeat='el in elements'>
    <div>{{el.someValue}}</div>//repeat here only 3 times 
    <div>{{el.someValue}}</div>// repeat here only 2times something like this
</div>

我可以这样做吗?

1 个答案:

答案 0 :(得分:6)

您可以使用limitTo

限制显示的项目数
<!-- Only display the first 5 elements -->
<div ng-repeat='el in elements | limitTo: 5'>
  <div>{{el.someValue}}</div>
</div>

或者,如果您想要更多地控制要显示的内容和不显示的内容,可以使用过滤器:

<div ng-repeat='el in elements | filter: myFilter'>
  <div>{{el.someValue}}</div>
</div>

在你的控制器中:

$scope.myFilter = function(element) {
  // return true if element is displayed of false otherwise
}