Angular JS ng-repeat filter only items with a property

Question

I have a json file with keys like

[
 {
  "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
}
]

I need to put this into an ng-repeat but only show the items where hasFigure is true

I know it's a filter, but can't seem to get the syntax...

Answer 1

Your filter syntax would be

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>

Answer 2

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

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

Answer 3

您是否尝试过以下方法：

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