如何解决我可以使用angluar的平台浏览器在标题中添加脚本吗
我想在angular项目中动态添加脚本,是否可以使用angular的“@angular/platform-browser”库在header中添加脚本。 如果是,那么如何完成这项任务?如何实现这一目标?
解决方法
不确定这是否是您正在寻找的答案,但您可以在 angular 中动态地将脚本添加到标题中,这是如何在服务中执行此操作的示例...
import { DOCUMENT } from '@angular/common';
import { Inject,Injectable } from '@angular/core';
@Injectable()
export class SimpleService {
constructor(
@Inject(DOCUMENT) private doc
) { }
addScript() {
//Add script tag
let scriptTag = this.doc.createElement('script');
//Set attributes
scriptTag.setAttribute('src','your source');
//Add script to header
this.doc.head.appendChild(scriptTag);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。