我可以使用angluar的平台浏览器在标题中添加脚本吗

问题描述

我想在angular项目中动态添加脚本，是否可以使用angular的“@angular/platform-b​​rowser”库在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);
    }
}