ng-repeat除了值2

时间:2015-03-03 15:52:08

标签: angularjs conditional ng-repeat

我有类似的东西:

<div ng-repeat="element in data.arrayElement">
    <strong>{{element.name}}</strong>
</div>

previuos系列有5个元素。除了具有值2的元素之外,我可以迭代集合吗?我不知道,也许是这样的

<div ng-repeat="element in data.arrayElement | filter:element.val() !== 2">
    <strong>{{element.name}}</strong>
</div>

3 个答案:

答案 0 :(得分:1)

使用ngIf因为 ngIfngShowngHide的不同之处在于ngIf完全删除并重新创建DOM中的元素,而不是通过显示{{1}更改其可见性} property。

css

答案 1 :(得分:0)

只需对该值使用ng-hide

<div ng-repeat="element in data.arrayElement" ng-hide="element.val == 2">

答案 2 :(得分:0)

收集

$scope.data = [
  {name:'John', value:'1'},
  {name:'Mike', value:'2'},
  {name:'Alex', value:'3'}
  ];

HTML

 <div ng-repeat="element in data | filter:{value:'!2'}">
  <strong>{{element.name}}</strong>
</div>