Angular 按角度以编程方式加载子组件

Angular 按角度以编程方式加载子组件,angular,Angular,我想决定以编程方式使用哪个子组件。这基本上是这里问的同一个问题,但使用的是角度6 所以,我想要这样的东西: parent.component.ts import { Component, OnInit, Input } from '@angular/core'; @Component({ selector: 'app-parent', templateUrl: './parent.component.html', styleUrls: ['./parent.component.cs

我想决定以编程方式使用哪个子组件。这基本上是这里问的同一个问题,但使用的是角度6

所以,我想要这样的东西:

parent.component.ts

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

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent implements OnInit {
  @Input() loadedComponentName = "my-component";

  constructor() { }
  ngOnInit() {
  }
}
parent.component.html

<{{loadedComponentName}}></{{loadedComponentName}}>

检查此项,谢谢。我想我可以接受