javascript – angular2：包括组件中的第三方js脚本

参见英文答案 > script tag in angular2 template / hook when template dom is loaded2个
有没有办法在Angular2组件中包含第三方JS脚本而不是将其包含在index.html中？

我有一个包装dataTables的表组件.它是唯一需要dataTables js / css包含的组件.如果我可以让我的index.html更清洁,那就太好了.组件装饰器允许您指定css文件.

我尝试在我的组件html中移动我的脚本标签,但这似乎不起作用.

解决方法

组件模板中的脚本标记将被删除.解决方法是在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);
}

另见https://stackoverflow.com/a/9413803/217408