无法将脚本文件添加到组件html

Question

我在index.html(root)中有一个脚本文件引用; index.html的:

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

这里不需要sliderfunctions.js,它包含一些关于滑块的特定功能,所以我把它带到slider.component.html文件,但是你猜它不能正常工作,因为我实际上从未加载到浏览器..

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>

(我带了3个,因为脚本的顺序很重要)所以我想得到一个特定的点,我已经在网上搜索但是无法弄清楚如何在组件模板中添加脚本文件

Answer 1

您的想法被视为安全威胁。你可以按照这个答案

或者

您可以从文件中引用脚本文件component.ts，只需执行System.import/require

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