角度ng重复控制？

Question

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

<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>

我可以这样做吗？

Answer 1

您可以使用限制显示的项目数 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
}