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

您的过滤器语法为

为了更安全的一面使用严格检查，在最后添加: true 过滤

<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 }">

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

3 个答案: