如何在控制器中使用过滤器?

我已经写了一个过滤器函数，它将根据您传递的参数返回数据。我希望在控制器中有相同的功能。是否有可能在控制器中重用过滤器函数?

这是我目前为止尝试过的:

function myCtrl($scope,filter1)
{ 
    // i simply used the filter function name, it is not working.
}

当前回答

有三种方法可以做到这一点。

让我们假设您有以下简单的过滤器，它将字符串转换为大写，仅为第一个字符提供参数。

app.filter('uppercase', function() {
    return function(string, firstCharOnly) {
        return (!firstCharOnly)
            ? string.toUpperCase()
            : string.charAt(0).toUpperCase() + string.slice(1);
    }
});

直接通过$filter

app.controller('MyController', function($filter) {

    // HELLO
    var text = $filter('uppercase')('hello');

    // Hello
    var text = $filter('uppercase')('hello', true);

});

注意:这让你可以访问所有的过滤器。

给变量赋值$filter

此选项允许您像使用函数一样使用$filter。

app.controller('MyController', function($filter) {

    var uppercaseFilter = $filter('uppercase');

    // HELLO
    var text = uppercaseFilter('hello');

    // Hello
    var text = uppercaseFilter('hello', true);

});

只加载一个特定的过滤器

通过将筛选器名称与filter附加在一起，可以只加载特定的筛选器。

app.controller('MyController', function(uppercaseFilter) {

    // HELLO
    var text = uppercaseFilter('hello');

    // Hello
    var text = uppercaseFilter('hello', true);

});

使用哪一种取决于个人喜好，但我建议使用第三种，因为它是最易读的选项。

2016-02-16 15:43:56

其他回答

首先注入$filter到你的控制器中，确保ngSanitize被加载到你的应用中，随后在控制器中使用如下:

$filter('linky')(text, target, attributes)

经常查看angularjs的文档

2018-03-07 03:38:12

如果我们想在javascript角过滤器中添加多个条件，而不是单个值，请使用下面的代码:

var modifiedArray = $filter('filter')(array,function(item){return (item.ColumnName == 'Value1' || item.ColumnName == 'Value2');},true)

2017-11-29 10:16:20

注入$filter到你的控制器

function myCtrl($scope, $filter)
{
}

然后无论你想在哪里使用这个过滤器，就像这样使用它:

$filter('filtername');

如果你想把参数传递给这个过滤器，使用单独的括号:

function myCtrl($scope, $filter)
{
    $filter('filtername')(arg1,arg2);
}

其中arg1是要筛选的数组，arg2是用于筛选的对象。

2013-01-13 09:42:20

还有另一种方法来计算从视图中镜像语法的过滤器。调用是复杂的，但您可以构建到它的快捷方式。我喜欢这个字符串的语法和视图中的是一样的。看起来是这样的:

function myCtrl($scope, $interpolate) { 
  $scope.$eval($interpolate( "{{ myvar * 10 | currency }} dollars." ))
}

2014-03-21 17:35:13