ng-repeat过滤器不过滤掉空值

Posted 2021-04-09

JSON：

$scope.results=[
    {
        id: 1,
        name: null,
        class: "First"
    },
    {
        id: 2,
        name: John,
        class: "First"
    },
    {
        id: 3,
        name: Mary,
        class: "Second"
    },
    {
        id: 4,
        name: null,
        class: "Third"
    }

]

html：

 <div class="col-md-6 form-group" data-ng-repeat="item in results| filter:{name:'!null'}">{{item.name}}</div>

我想过滤掉name值为null的数据。我的代码出了什么问题？

答案

你的json格式不合适试试这个

plunker链接http://plnkr.co/edit/H94f6XhyyhbvJ3F25NoA?p=preview

$scope.results=[
{
    id: 1,
    name: null,
    class: "First"
},
{
    id: 2,
    name: "John",
    class: "First"
},
{
    id: 3,
    name: "Mary",
    class: "Second"
},
{
    id: 4,
    name: null,
    class: "Third"
}
];

另一答案

通过添加这段代码解决了这个问题：

 <div class="col-md-6 form-group" data-ng-repeat="item in results| filter:{name:'!!'}">{{item.name}}</div>