在 angular.js 中使用 ng-if 列出

Question

我正在尝试在 angular.js 中使用 ng-if。我有一个 json 文件：

"data":[{
   "status":"true",
   "name":"blabla",
   "group":true,
   "group_id":"123gr",
   "id":"xx1"
},{
   "status":"true",
   "name":"blabla2",
   "group":false,
   "id":"123gr",
   "group_id":"null"
}]

然后从这个 JSON 我尝试获取所有组的列表（JSON 中的组必须设置为 true），然后列出组的元素。所以我想要一个看起来像这样的列表：

群组：blabla2。
- 元素 1：blabla。状态：真实

我试图以这种方式仅列出一个组名..：

<ul>
   <div ng-repeat="resp in response.data">
        <li ng-if="{{resp.group}} === 'false'">
          Group: {{resp.name}}
        </li>
    </div>
</ul>

不幸的是，它不起作用。你知道我做错了什么吗？

感谢您的帮助，

卢克

Answer 1

这样使用

<ul>
    <div ng-repeat="resp in response.data">
        <li ng-if="!resp.group">
            Group: {{resp.name}}
        </li>
    </div>
</ul>

Answer 2

或者如果您不需要它们，您可以通过从 ng-repeat

中过滤掉它们来完全删除它们

<ul>
    <li ng-repeat="resp in response.data | filter: {group: true}">
        Group: {{resp.name}}
    </li>
</ul>

在 angular.js 中使用 ng-if 列出

List with ng-if in angular.js

json

angularjs

angular-ng-if