2015-06-08 125 views
3

的JSON:NG重複過濾器不會過濾出空值

$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。什麼錯我的代碼數據?

+2

通過給數據-NG-重複解決= 「item in results | filter:{name:'!!'}」。是否有其他解決方案? – forgottofly

+0

add ng-show =「item.name」 –

+1

@MANOJ我認爲所以這是正確的解決方案.. –

回答

0

您的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" 
} 
]; 
+0

@ punithChecked.Updated JSON.Thanks – forgottofly

+0

如果我打印{{item.id}},在你的闖入者中,它將顯示id其名稱爲空。爲此目的,我在結果中使用了filter data-ng-repeat =「item:filter:{name:'!!'}」 – forgottofly

+0

@MANOJ現在檢查我的plunker –

2

加入這段代碼解決了這個問題:

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