Javascript Angular Lazy使用Angular Universal加载外部JS文件
这是index.html文件中的内容,但我想延迟加载这个脚本,因为该模块是延迟加载的,并不是所有用户都需要它。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(
我不能直接访问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);
}