cant add script file to components html

Question

I have had a script file reference in index.html(root); index.html:

    <script src="page1.js"></script>
<script src="assets/sliderfunctions.js"></script>
<script src="assets/js/custom.js"></script>

no need sliderfunctions.js here, it contains some specific functions about slider so I carry it to slider.component.html file but as you guess it doesnt work as I expected actually it never loaded to browser..

slider.component.ts:

import {Component,ViewEncapsulation} from '@angular/core';

@Component({
    selector:'app-slider',
    templateUrl:'../templates/slider.component.html'
})
export class SliderComponent{
    constructor(){}
}

slider.component.html:

 <script src="page1.js"></script>
<script src="assets/sliderfunctions.js"></script>
<script src="assets/js/custom.js"></script>

(I carried 3 of them because order of scripts is important)so I want to get a specific point that I already make search on net but cant figure out how to add script file within component templates

please take a look at this answer... Technically this option considered as security issue... — Pankaj Parkar
– Pankaj Parkar, Commented Dec 30, 2016 at 19:23
@PankajParkar yeah it shows the way but how to load this script file to browser inside the component function? do you think is fine simple http request ? or ? — TyForHelpDude
– TyForHelpDude, Commented Dec 30, 2016 at 19:29
@PankajParkar you are lifesaver, let me accept your answer please eloborate it to make it clear for others who seeks same solution. thank you — TyForHelpDude
– TyForHelpDude, Commented Dec 30, 2016 at 19:55

Community · Accepted Answer · 2017-05-23 11:54:15Z

5

The way you're thinking of is considered as security threat. You could either follow this answer

OR

You can refer script file from the component.ts file, just by doing System.import/require

System.import('filepath.js'); //or below one
require('filepath.js');

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Dec 30, 2016 at 20:18

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

StealthTrails Over a year ago

how do I load it after other js files?

Collectives™ on Stack Overflow

cant add script file to components html

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related