如何在控制器中使用过滤器?
我写了一个过滤器函数,它将根据您传递的参数返回数据。 我想在我的控制器中使用相同的功能。 是否可以在控制器中重新使用过滤器功能?
这是我迄今为止所尝试的:
function myCtrl($scope,filter1)
{
// i simply used the filter function name, it is not working.
}
将$过滤器注入您的控制器
function myCtrl($scope, $filter)
{
}
然后,无论您想要使用该过滤器,只要使用它就像这样:
$filter('filtername');
如果要将参数传递给该过滤器,请使用单独的括号进行操作:
function myCtrl($scope, $filter)
{
$filter('filtername')(arg1,arg2);
}
其中, arg1
是要过滤的数组,而arg2
是用于过滤的对象。
@Prashanth提供的答案是正确的,但有更好的方法来做同样的事情。 基本上,不是注入$filter
依赖关系,而是使用蹩脚的语法来调用它( $filter('filtername')(arg1,arg2);
),可以注入依赖关系:filter名称和Filter
后缀。
以下面的问题为例:
function myCtrl($scope, filter1Filter) {
filter1Filter(input, arg1);
}
应该注意的是,无论您使用的是什么命名约定,您都必须将Filter
附加到筛选器名称:foo通过调用fooFilter
通过调用fooFilterFilter
来引用fooFilterFilter
使用以下示例代码,我们可以按名称过滤角度控制器中的数组。 这是基于以下描述。 http://docs.angularjs.org/guide/filter
this.filteredArray = filterFilter(this.array,{name:'Igor'});
JS:
angular.module('FilterInControllerModule', []).
controller('FilterController', ['filterFilter', function(filterFilter) {
this.array = [
{name: 'Tobias'},
{name: 'Jeff'},
{name: 'Brian'},
{name: 'Igor'},
{name: 'James'},
{name: 'Brad'}
];
this.filteredArray = filterFilter(this.array, {name:'Igor'});
}]);
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-example96-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.3/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="FilterInControllerModule">
<div ng-controller="FilterController as ctrl">
<div>
All entries:
<span ng-repeat="entry in ctrl.array">{{entry.name}} </span>
</div>
<div>
Filter By Name in angular controller
<span ng-repeat="entry in ctrl.filteredArray">{{entry.name}} </span>
</div>
</div>
</body>
</html>
链接地址: http://www.djcxy.com/p/77843.html