Javascript Angular Lazy使用Angular Universal加载外部JS文件

Javascript Angular Lazy使用Angular Universal加载外部JS文件,javascript,angular,server-side-rendering,angular-universal,Javascript,Angular,Server Side Rendering,Angular Universal,这是index.html文件中的内容,但我想延迟加载这个脚本,因为该模块是延迟加载的,并不是所有用户都需要它。 我不能直接访问DOM并附加脚本el。因为我想使用Angular Universal(SSR)。即使使用SSR,也可以访问DOM。将其添加到延迟加载模块或延迟加载模块的一个组件中 import {DOCUMENT} from "@angular/common"; import {Renderer2} from '@angular/core'; constructor(@Inject(

这是index.html文件中的内容,但我想延迟加载这个脚本,因为该模块是延迟加载的,并不是所有用户都需要它。
我不能直接访问DOM并附加脚本el。因为我想使用Angular Universal(SSR)。

即使使用SSR,也可以访问DOM。将其添加到延迟加载模块或延迟加载模块的一个组件中

import {DOCUMENT} from "@angular/common";
import {Renderer2} from '@angular/core';


constructor(@Inject(DOCUMENT) private document: any, private renderer: Renderer2)
{
}

constructor()
{

    const scriptElt = this.renderer.createElement('script');
    this.renderer.setAttribute(scriptElt, 'type', 'text/javascript');
    this.renderer.setAttribute(scriptElt, 'src', 'yourJSFile.js');
    this.renderer.appendChild(this.document.head, scriptElt);
}