如何对过滤器的结果重复值

时间:2016-07-20 15:58:24

标签: javascript angularjs angularjs-ng-repeat ng-repeat angular-filters

对于ng-repeat来自阵列的一些项目的最佳实现是什么,具有依赖属性(例如:hidden:true)。

var items = [
    {
       label: 'Fist item',
    },
    {
       label: 'Second item',
       hidden: true
    },
    {
       label: 'Third item',
    },
]

结果我想看Fist&第三个没有隐藏属性的项目。

1 个答案:

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