Angular JS ng-repeat 仅过滤带有 属性 的项目

Question

我有一个 json 文件，其中的键像

[
 {
  "message": "Verify envelopes are properly loaded.",
  "hasFigure": false,
  "figureX": 0,
  "figureY": 0
 },
{
  "message": "Verify the paddle is in the down position.",
  "hasFigure": true,
  "figureX": 185,
  "figureY": 50
}
]

我需要将其放入 ng-repeat 但只显示 hasFigure 为 true

的项目

我知道这是一个过滤器，但似乎无法理解语法...

Answer 1

为什么不用ng-show / ng-hide

<div ng-repeat="item in items" ng-show="item.hasFigure"></div>

Answer 2

你有没有尝试过这样的事情：

<div ng-repeat="stuff in stuffs | filter: { hasFigure: true }"> 

Answer 3

您的过滤器语法为

For safer side use strict checking by adding : true at the end of filter

<div ng-repeat="item in items | filter: {'hasFigure': true}: true"></div>