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

Question

什么是 ng-repeat 数组中某些项目的最佳实现取决于属性(如:hidden: true)。

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>