angular 动态创建js

import { NgModuleFactoryLoader, Injector } from '@angular/core';
import { Router } from '@angular/router';

export class DynamicModuleLoader {
  constructor(private loader: NgModuleFactoryLoader, private injector: Injector, private router: Router) {}

  loadModule(path: string) {
    this.loader.load(path).then((moduleFactory) => {
      const moduleRef = moduleFactory.create(this.injector);
      // 这里可以获取模块中的路由配置并添加到当前路由配置中
    });
  }
}

import { ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
import { MyDynamicComponent } from './my-dynamic.component';

export class DynamicComponentCreator {
  constructor(private componentFactoryResolver: ComponentFactoryResolver, private viewContainerRef: ViewContainerRef) {}

  createComponent() {
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent);
    const componentRef = this.viewContainerRef.createComponent(componentFactory);
  }
}

function executeScript(scriptContent) {
  const script = document.createElement('script');
  script.type = 'text/javascript';
  script.text = scriptContent;
  document.head.appendChild(script);
}

// 使用 eval 执行脚本
function executeScriptWithEval(scriptContent) {
  try {
    eval(scriptContent);
  } catch (error) {
    console.error('Error executing script:', error);
  }
}