angular2：在组件中包含第三方 js 脚本

Question

有没有办法在 Angular2 组件中包含第三方 JS 脚本而不是将其包含在 index.html 中？

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

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

Answer 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);
}

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