angularjs的$filter使用

angularjs的$filter使用

$filter服务可以在js中对数据进行过滤处理，ng有几个内建的filter，其中有一个叫

filter

的filter，可方便的实现属性的过滤。

详细的API参考：https://docs.angularjs.org/api/ng/filter/filter

js中使用

//id等于1的数据
$filter('filter')($scope.teamlist, { id: '1'})

//id不等于1的数据
$filter('filter')($scope.teamlist, { id: '!1'})

html中的使用

<span ng-repeat="user in userlist | filter:{team:t.id}"></span>

自定义过滤函数

除了像上面那样传递一个对象来过滤数据，还可以自定义一个过滤函数，返回true将加入结果集

$scope.projectList = $filter('filter')($scope.projectList, function(value, index, array) {
// console.log(value, index);
return value.project.id != Project_id;
});

filter的使用 - 包含/不包含

<!--有email属性, 值为admin-->
<tr ng-repeat="user in users | filter: {email:'admin'}" >
<!--有email属性, 值不为admin-->
<tr ng-repeat="user in users | filter: {email:'!admin'}" >
<!--任意属性, 值不为admin-->
<tr ng-repeat="user in users | filter: {$:'!admin'}" >