如何 ng-repeat 过滤器结果的值

Question

根据 属性（如：hidden: true）从数组中 ng-repeat 某些项目的最佳实现是什么。

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

结果我想查看没有隐藏的第一和第三项 属性。

Answer 1

您可以使用 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>