ng-repeat 除了值 2
ng-repeat except value 2
我有类似的东西:
<div ng-repeat="element in data.arrayElement">
<strong>{{element.name}}</strong>
</div>
上一个集合有 5 个元素。除了值为 2 的元素之外,我可以迭代集合吗?不知道,大概是这样
<div ng-repeat="element in data.arrayElement | filter:element.val() !== 2">
<strong>{{element.name}}</strong>
</div>
只需对该值使用 ng-hide
:
<div ng-repeat="element in data.arrayElement" ng-hide="element.val == 2">
使用 ngIf
因为
ngIf
与 ngShow
和 ngHide
的不同之处在于 ngIf
完全删除并重新创建 DOM
中的元素,而不是通过显示更改其可见性 css
属性.
<div ng-repeat="element in data.arrayElement" ng-if="element.val !== 2">
收集
$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>
我有类似的东西:
<div ng-repeat="element in data.arrayElement">
<strong>{{element.name}}</strong>
</div>
上一个集合有 5 个元素。除了值为 2 的元素之外,我可以迭代集合吗?不知道,大概是这样
<div ng-repeat="element in data.arrayElement | filter:element.val() !== 2">
<strong>{{element.name}}</strong>
</div>
只需对该值使用 ng-hide
:
<div ng-repeat="element in data.arrayElement" ng-hide="element.val == 2">
使用 ngIf
因为
ngIf
与 ngShow
和 ngHide
的不同之处在于 ngIf
完全删除并重新创建 DOM
中的元素,而不是通过显示更改其可见性 css
属性.
<div ng-repeat="element in data.arrayElement" ng-if="element.val !== 2">
收集
$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>