創建不帶應用名稱的自定義角度過濾器

Question

如何創建不帶角度應用名稱的自定義角度過濾器？

// usual way for creating filter 
var app = angular.module('app', []); 

app.filter('makeUppercase', function() { 
    return function (item) { 
     return item.toUpperCase(); 
    }; 
}); 

app.controller('PersonCtrl', function() { 
    this.username = 'Todd Motto'; 
}); 

我只知道創建應用程序名稱的角度過濾器。

我的問題是我們如何創建一個沒有應用程序名稱的過濾器並將其注入控制器。是否有可能創建一個JavaScript函數並將其傳遞給控制器​​。

Answer 1

您將始終需要將您的過濾器附加到某個模塊，在您的情況下var app = angular.module('app', []);是一個模塊，並且您在該模塊內部製作了一個過濾器。

您可以使用過濾器的控制器內象下面這樣：

app.controller('PersonCtrl', function ($filter) { 
    this.username = 'Todd Motto'; 
    var caps = $filter('makeUppercase')("make me caps");//call your filter like this 
}); 

Answer 2

是的，你可以做到這一點。

您可以創建一個模塊，然後創建一個包含過濾器的服務。

之後，您可以注入新創建的模塊到您的模塊並使用過濾器。

要通過服務添加過濾器，您可以閱讀answer。