在Angular 6中,您可以在组件级别添加脚本并检查其是否存在。下面是一个解决方法,包含了代码示例:
标签,用于加载脚本文件。您可以使用*ngIf
指令来检查脚本是否存在,并决定是否加载脚本。
isScriptExist
,并在ngOnInit
生命周期钩子函数中进行检查。您可以使用document.querySelector
方法来检查脚本是否存在。export class YourComponent implements OnInit {
isScriptExist: boolean;
ngOnInit() {
this.isScriptExist = !!document.querySelector('script[src="path/to/script.js"]');
}
}
在上述示例中,document.querySelector
方法将查找具有指定src
属性值的标签。如果找到了匹配的标签,则返回一个非空值,否则返回
null
。通过使用!!
操作符,我们将null
转换为布尔值。
这样,您就可以在组件级别添加脚本并检查其是否存在了。如果脚本存在,它将被加载和执行;如果脚本不存在,则不会加载和执行。