参见英文答案 >
script tag in angular2 template / hook when template dom is loaded2个
有没有办法在Angular2组件中包含第三方JS脚本而不是将其包含在index.html中?
有没有办法在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://www.jb51.cc/js/151331.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。