add / remove script conditionally from index.html in angular 2/4

Question

I'm trying to rewrite a website using angular and there is one page using different set of script so i can't use the current index.html as that one page will failed to load because it doesn't have the necessary js file

So Is it possible to add/remove script conditionally based on the route ? for example if i'm on this route i wanted to add this script file to the index.html

FussinHussin · Accepted Answer · 2017-10-06 15:19:24Z

2

sure, you can certainly do that. this is one way, but you could really just include it in the component you want to run it in, then lazy load the route to it, so that the script won't load until that route is visited

 import { ActivatedRouteSnapshot } from '@angular/routing';

    constructor(route: ActivatedRoute){}

    ngOnInit() {
        const script = document.createElement('script');
        script.src ='../../assets/js/myScript.js';
        if (this.route === 'root/with/script') {
            document.body.appendChilde(script);
        }
    }

answered Oct 6, 2017 at 15:19

FussinHussin

1,8245 gold badges21 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

add / remove script conditionally from index.html in angular 2/4

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related