有没有办法将第三方 JS 脚本包含在 Angular2 组件中而不是将其包含在 index.html 中？
我有一个包装 dataTables 的表格组件。它是唯一需要包含 js/css 数据表的组件。如果我能让我的 index.html 更干净就好了。组件装饰器确实允许您指定 css 文件。
我尝试在组件 html 中移动我的脚本标签，但这似乎不起作用。
angular2：在组件中包含第三方 js 脚本
IT技术
javascript
angular
2021-02-20 18:43:10
1个回答
组件模板中的脚本标签被删除。一种解决方法是在ngAfterViewInit()
另见https://github.com/angular/angular/issues/4903
import { DOCUMENT } from '@angular/common';
...
constructor(private @Inject(DOCUMENT) document,
private elementRef:ElementRef) {};
ngAfterViewInit() {
var s = this.document.createElement("script");
s.type = "text/javascript";
s.src = "http://somedomain.com/somescript";
this.elementRef.nativeElement.appendChild(s);
}