Angular 2 pass JSON object to new window

Question

I need to pass JSON object in new window which is opened using window.open()

I have requirement to display stored data in database into new window. At the same time i need to pass a JSON object which is available in current open window to this new window.

Possible ways I had :

Can save json in cookie before open new window, and read it in ngOnInit() then remove it from cookie.
Can pass required data in URL, but i have large JSON object

Please guide if we can do this by any another approach.

Thank you.

crash · Accepted Answer · 2017-06-27 13:07:42Z

1

You can use localStorage too instead of cookies. I don't think you have better options if you have to use window.open().

To keep each component functionality self-contained I would use a service to get the json based on the id.

answered Jun 27, 2017 at 13:07

crash

4,5829 gold badges36 silver badges60 bronze badges

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

Comments

libertyernie · Accepted Answer · 2017-06-27 13:26:04Z

1

I think you can use Window.postMessage. window.open will return a Window object that you can call postMessage on; in the new window, you'll want to listen for the "message" event on the global window object.

Note that IE8 and IE9 don't support it for windows, only (i)frames.

answered Jun 27, 2017 at 13:26

libertyernie

2,7041 gold badge19 silver badges13 bronze badges

Comments

Srikkant Srinivasan · Accepted Answer · 2017-06-27 13:25:40Z

0

Instead of cookies or localstorage, how about you use the window object you get when open the window.

var opened_window = window.open('someurl_here');
opened_window.json_data = JSON.stringify(this.local_json_data);

In the child window, you can access the data as part of your window object.

//Inject your window into this component (@Inject('Window') window maybe)
this.new_json_data = JSON.parse(this.window.json_data);

I think this should work.

answered Jun 27, 2017 at 13:25

Srikkant Srinivasan

7989 silver badges19 bronze badges

Collectives™ on Stack Overflow

Angular 2 pass JSON object to new window

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related