我在index.html(root)中有一个脚本文件引用;
索引.html:
<script src="page1.js"></script>
<script src="assets/sliderfunctions.js"></script>
<script src="assets/js/custom.js"></script>
这里不需要 sliderfunctions.js,它包含一些关于 slider 的特定功能,所以我将它携带到 slider.component.html 文件,但正如你猜测的那样,它并没有像我预期的那样工作,实际上它从未加载到浏览器中。
滑块.组件.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 个,因为脚本的顺序很重要)所以我想得到一个具体的点,我已经在网上进行了搜索,但无法弄清楚如何在组件模板中添加脚本文件
您的想法被视为安全威胁。你可以跟随这个答案 https://stackoverflow.com/questions/38163531/how-to-load-script-file-from-component-html
OR
您可以从以下位置引用脚本文件component.ts
文件,只需做System.import
/require
System.import('filepath.js'); //or below one
require('filepath.js');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)