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

Question

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>