如何将子元素附加到Angular 7中的div

<div id="parentDiv">
  <!-- 子元素将被附加到这里 -->
</div>

<div id="parentDiv">
  <ng-container *ngTemplateOutlet="childTemplate"></ng-container>
</div>

@Component({
  selector: 'app-parent-component',
  template: `
    <div id="parentDiv">
      <ng-container *ngTemplateOutlet="childTemplate"></ng-container>
    </div>
  `
})
export class ParentComponent {
  @ViewChild('childTemplate', {static: true}) childTemplate: TemplateRef<any>;
}

<ng-template #childTemplate>
  <!-- 子元素的内容 -->
  <p>这是子元素的内容</p>
</ng-template>