如何在外部html div容器中包含我的angular应用程序/网站？

ng generate component MyComponent

<div id="myAppContainer">
  <app-root></app-root>
</div>

#myAppContainer {
  width: 100%;
  height: 100%;
}

import { Component, OnInit, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
import { MyRootComponent } from './my-root.component';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {

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

  ngOnInit() {
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyRootComponent);
    this.viewContainerRef.createComponent(componentFactory);
  }

}

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { MyComponent } from './my-component/my-component.component';

@NgModule({
  declarations: [
    AppComponent,
    MyComponent
  ],
  imports: [
    BrowserModule
  ],
  entryComponents: [MyComponent],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }