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](http://stackoverflow.com/q/38163531/2435473)... Technically this option considered as security issue... — Pankaj Parkar, Dec 30 '16 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, Dec 30 '16 at 19:29
@TyForHelpDude basically what you could do is, Instead of specifying script file inside a html.. do call `require('filePath')` inside `component.ts` — Pankaj Parkar, Dec 30 '16 at 19:44
@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, Dec 30 '16 at 19:55

score 5 · Accepted Answer · edited May 23 '17 at 11:54

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 '17 at 11:54

Community

1
1

answered Dec 30 '16 at 20:18

Pankaj Parkar

134,766
23
234
299

2

how do I load it after other js files? – StealthTrails Oct 01 '17 at 20:26

cant add script file to components html

1 Answers1

Linked