how to use angularjs (filter service) without html (for chrome extension)

Question

I try to use filter angularjs service in my chrome extension. But i have no idea how to get/inject it in my function. For the moment i have:

chrome.contextMenus.onClicked.addListener(function(info, tab) {
    result = $filter('filter')(jsonArray, info.selectionText, function (actual, expected) {
        return actual.toString().toLowerCase().indexOf(expected.toLowerCase()) == 0;
    });
    console.log(sug);
});

But obviously i have: $filter is not defined. I also want to use $http service to get my jsonArray

Inject dependencies in the controller/provider/module in which the function is — tombarti
– tombarti, Commented Sep 3, 2015 at 11:35
i have no controller/provider/module. I just want to use filter alone. — Harold
– Harold, Commented Sep 3, 2015 at 11:36
You don't need all of angular just to filter an array. It's built in since ES5, see developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — ivarni
– ivarni, Commented Sep 3, 2015 at 11:37
Ok! But i also use $http to get my json array.. So in general how to use angularjs service without controller/provider/module? — Harold
– Harold, Commented Sep 3, 2015 at 11:46

Community · Accepted Answer · 2017-05-23 12:30:55Z

1

where-ever you are using $filter, you need to add the dependency for the same. you can add the dependency by providing a $filter as a parameter to main function.

if adding inside controller :

    .controller('MainCtrl', function($scope, $filter) {
      $scope.originalText = 'hello';
      $scope.filteredText = $filter('uppercase')($scope.originalText);
});

if adding inside factory/service :

app.factory('myService', ['$filter', function($filter)

this link may help you for more information : Inject dateFilter in a service in AngularJs

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Sep 3, 2015 at 11:47

Rakeshk Khanapure

4204 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Harold Over a year ago

Ok but how to use myService without controller ?

Rakeshk Khanapure Over a year ago

I think this will help : stackoverflow.com/questions/17319784/…

Harold · Accepted Answer · 2015-09-03 13:05:38Z

1

The solution is:

var myInjector = angular.injector(["ng"]);
var $filter = myInjector.get("$filter");

answered Sep 3, 2015 at 13:05

Harold

6891 gold badge8 silver badges31 bronze badges

1 Comment

ryanyuyu Over a year ago

While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value.

Collectives™ on Stack Overflow

how to use angularjs (filter service) without html (for chrome extension)

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related