如何在typescript中使用$mdCompiler(角度材料)

npm install @angular/material @angular/cdk

import { Compiler, COMPILER_OPTIONS } from '@angular/core';

constructor(private compiler: Compiler, @Inject(COMPILER_OPTIONS) private compilerOptions: CompilerOptions) { }

compileTemplate(template: string): Promise<any> {
  const compilerFactory = this.compiler.createCompilerFactory();
  const compiler = compilerFactory.createCompiler([this.compilerOptions]);

  const compiledTemplate = compiler.compileModuleAndAllComponentsSync(TemplateModule);
  const factory = compiledTemplate.componentFactories.find((comp) =>
    comp.componentType === TemplateComponent
  );

  const componentRef = factory.create(this.injector);
  componentRef.instance.template = template;

  // 返回编译后的组件实例
  return Promise.resolve(componentRef.instance);
}

const template = '<h1>Hello, World!</h1>';
this.compileTemplate(template).then((compiledComponent) => {
  // 在这里可以使用编译后的组件实例
});