How to call an AngularJS filter from pure JavaScript Method

Question

This is just for test and learn. I am having a JSON object obj. I want to call angular Json filter on that to format that json object and print it on chrome console. Not by any button click. Just by writing code in directly on console of chrome.

I know I can that with some online tool or offline tool as well. But I want to learn how to run a angular defined filter in a plain JavaScript.

Note:

I can call it in view like {{obj | Json}}
I can also call it from controller as $filter('Json')(obj);

But I am not able to call it in pure javascript where angular is appended with script tag but not bootstrapped (started). I am able to access angular object though.

I want something like

var $filter = angular.filter(); //Since I do not have controller here
console.log($filter('Json')(obj));

To understand more this problem, Suppose you just want to use filter of angular neither controller nor any other thing of angular. Then you will want to call filter directly from your plain JavaScript code. This is what I want to know. It is silly I know, But it could grow our knowledge as hacking angular to use it as pertials ;) — Partha Sarathi Ghosh
– Partha Sarathi Ghosh, Commented Feb 3, 2016 at 5:53
You need to bootstrap angular to access it, but you could set a global variable and assign it $filter in an app so you could test in console if that's what you want — charlietfl
– charlietfl, Commented Feb 3, 2016 at 6:02
Ok thats great. If I asign the filter object to my gobal variable. I understand it now. But come to the first point. How to botstrap and only use filter? — Partha Sarathi Ghosh
– Partha Sarathi Ghosh, Commented Feb 3, 2016 at 6:05
If you just want to test things.... do it in plunker. Can set up a new app in 15 seconds. Angular isn't a library...it's a framework — charlietfl
– charlietfl, Commented Feb 3, 2016 at 6:10

georgeawg · Accepted Answer · 2019-06-03 13:55:13Z

3

var $injector = angular.injector(['ng']);
var $filter = $injector.get("$filter");
var obj = {a:1};
console.log($filter("json")(obj));

<script src="//unpkg.com/angular/angular.js"></script>

The DEMO on JSFiddle.

edited Jun 3, 2019 at 13:55

answered Feb 3, 2016 at 10:47

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

1 Comment

Partha Sarathi Ghosh Over a year ago

Yes. This is what I was looking for. Thanks.

Collectives™ on Stack Overflow

How to call an AngularJS filter from pure JavaScript Method

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related