Angular Elements:如何将模板传递给组件？

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-custom-element',
  template: `
    <div>
      <ng-container *ngTemplateOutlet="template"></ng-container>
    </div>
  `
})
export class CustomElementComponent {
  @Input() template: any;
}

<app-custom-element [template]="myTemplate"></app-custom-element>

<ng-template #myTemplate>
  <h1>Hello, Angular Elements!</h1>
</ng-template>

import { NgModule, Injector } from '@angular/core';
import { createCustomElement } from '@angular/elements';
import { BrowserModule } from '@angular/platform-browser';
import { CustomElementComponent } from './custom-element.component';

@NgModule({
  imports: [BrowserModule],
  declarations: [CustomElementComponent],
  entryComponents: [CustomElementComponent]
})
export class AppModule {
  constructor(private injector: Injector) {
    const customElement = createCustomElement(CustomElementComponent, { injector });
    customElements.define('app-custom-element', customElement);
  }

  ngDoBootstrap() {}
}

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));