如何让angular2在动态加载组件后更新内容

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

@Component({
  selector: 'app-container',
  template: '<ng-container #container></ng-container>'
})
export class ContainerComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;
}

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

@Component({
  selector: 'app-dynamic-component',
  template: '<button (click)="loadComponent()">Load Component</button>'
})
export class DynamicComponent {
  constructor(private resolver: ComponentFactoryResolver, private container: ViewContainerRef) {}

  loadComponent() {
    const componentFactory = this.resolver.resolveComponentFactory(YourComponent);
    const componentRef = this.container.createComponent(componentFactory);
    // 可以通过componentRef.instance来访问动态加载的组件实例
  }
}

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

@Component({
  selector: 'app-parent',
  template: `
    <app-container></app-container>
    <app-dynamic-component></app-dynamic-component>
  `
})
export class ParentComponent {}