Load external JS that has document.write inside Angular partial

Question

I am new to angular and we have a single page app built using angular. We want to have threaded discussions for every content we have. For this we are planning to integrate with Jive. Jive provides a way to embed discussions from jive on another site.

They just ask to include a js file and that automatically inserts a "Discussion" link in line on your site. Jive does it with the help of document.write.

If I include the js file in on our main app page it works. If i include the js file in one of partials it wont work and I get

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

I dont have access to change the js that is coming back from Jive.

How can i get around this?

Thanks, Sam

Community · Accepted Answer · 2017-05-23 10:33:38Z

1

you need to create a directive that creates script element. Look at this answer How to write an AngularJS directive that creates DOM elements that are other directives?

I hope that helps...

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Sep 23, 2014 at 0:29

Biser C.

5535 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Load external JS that has document.write inside Angular partial

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related