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

时间:2016-12-30 18:44:52

标签: angular typescript angular2-template

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

>>> dict.get('a').get('b')
2
>>> dict['a']['b']
2

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

slider.component.ts:

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

slider.component.html:

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

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

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

1 个答案:

答案 0 :(得分:3)

您正在考虑的方式被视为安全威胁。您可以关注this answer

您可以参考component.ts文件中的脚本文件,只需执行System.import / require

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