如何基于可重用的“应用程序范围”JS函数在AngularJS中使用过滤器?

时间:2015-12-17 14:39:30

标签: angularjs filter

使用AngularJS,我如何使用过滤器(开箱即用功能)来支持“视图级别”的“字符串处理”?知道隐含的JS函数(将实现这样的字符串处理)是在一个共同的模块和&可以从整个AngulaJS应用程序中重复使用(即可以从任何模块下的任何视图中调用)。

1 个答案:

答案 0 :(得分:1)

简短的回答是注射,基于您使用的角度版本。您应该显示您的代码或创建一个公共回购供我们帮助您。这是一个黑暗的镜头!...你想在应用程序级别创建你的过滤器,并将它们注入你想要使用它们的任何控制器。

示例:

app.filter('upper', function () {
    return function (input) {
        return input.toUpperCase();
    };
});

然后在view1.js中执行此操作:

.controller('view1', ['$scope','upper', function($scope, upper) {
    var message = 'this is just an example';
}

并在您的视图中执行以下操作:

<h1>{{message | upper}}

应该显示:这只是一个例子