2016-11-09 105 views
2

我陣列上的項目上ngRepeat過濾看起來是這樣的:AngularJS無鑰匙

[ 
    {name:'John',IsManager:true}, 
    {name:'Terry'}, 
    {name:'Sam'}, 
    {name:'Andy'} 
] 

我試圖得到它顯示所有的人們,IsManager屬性:Terry, Sam, and Andy

這是我到目前爲止有:

<span ng-repeat="user in Users | filter: {?????}"> 
    {{user.name}} 
</span> 

如何設置此過濾器?這可以在不使用定製過濾器的情況下完成嗎?

+1

'<跨度納克重複= 「用戶在用戶」 NG-如果= 「user.IsManager」>中的用戶' – tymeJV

+0

<跨度納克重複=「用戶|過濾:user.isManager「> – rrd

回答

4

查看:

<span ng-repeat="user in Users | filter:filterOutNonManagers"> 
    {{user.name}} 
</span> 

控制器:

$scope.filterOutNonManagers = function(user) { 
    return !user.IsManager; 
}; 
+0

我希望能保持在線,但我想我必須做出對似乎後端的過濾器由於 – kei

+0

也許這會幫助你 - http://stackoverflow.com/questions/ 25177004/ng-repeat-filter-for-where-attribute-is-undefined –

+0

只要使用ng-if,如果你想保持內聯。 =「!user.IsManager」> –

2

在這裏你去:(它不會對角1.3.15由於固定在下一版本1.3.16錯誤工作)

var app = angular.module("sa", []); 
 

 
app.controller("FooController", function($scope) { 
 

 
    $scope.Users = [{ 
 
    name: 'John', 
 
    IsManager: true 
 
    }, { 
 
    name: 'Terry' 
 
    }, { 
 
    name: 'Sam' 
 
    }, { 
 
    name: 'Andy' 
 
    }]; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
 

 
<div ng-app="sa" ng-controller="FooController"> 
 
    <span ng-repeat="user in Users | filter: {IsManager: '!'}"> 
 
     {{user.name}} 
 
    </span> 
 
</div>

+0

感謝。我的版本是不行的角度(1.3.15)雖然,這個問題也已在該鏈接的評論提出。 – kei

+1

是的,在1.3.15一個錯誤,這錯誤只在下一個版本中修復https://github.com/angular/angular.js/blob/master/CHANGELOG.md#1316-cookie-oatmealification-2015-06-05 –

+1

https://github.com/angular /angular.js/commit/9dd0fe35d1027e59b84b2396abee00d8683f3b50 –