对于ng-repeat来自阵列的一些项目的最佳实现是什么,具有依赖属性(例如:hidden:true)。
var items = [
{
label: 'Fist item',
},
{
label: 'Second item',
hidden: true
},
{
label: 'Third item',
},
]
结果我想看Fist&第三个没有隐藏属性的项目。
答案 0 :(得分:3)
您可以使用filter
过滤器,as it says,根据您提供的条件过滤您的阵列。
<div ng-repeat="item in items | filter:{hidden:false}">
...
</div>
阅读documentation以获取更多可用的过滤器值。
另一个例子是在范围内使用函数,如果你需要更好的操作:
$scope.shouldFilter = function(item) {
return item.hidden === false || !('hidden' in item);
}
<div ng-repeat="item in items | filter:shouldFilter">
...
</div>