在angular.js

时间:2015-05-21 11:03:08

标签: json angularjs angular-ng-if

我正在尝试在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>

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

感谢您的帮助,

2 个答案:

答案 0 :(得分:2)

像这样使用

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

答案 1 :(得分:2)

或者,如果你不需要它们,你可以将它们从ng-repeat

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