Angular中的循环组件标签元素

Question

我的Angular组件中有这个逻辑

 ngOnInit() {
 for (const pckg of this._newrequestapi.request_parameters.Packages.split(',')) {
  this.package_route = ''.concat('<app-', pckg , '></app-' , pckg , '>');
  this.pckg_route_array.push(this.package_route);
}
console.log(this.pckg_route_array) ;

}

以上逻辑基本上定义了一个数组，其中包含其他一些组件tag元素。 因此，可以说我有两个组件cp-abc和cp-xyz，数组将包含这些valyes ["<cp-abc></cp-abc>","<cp-xyz></cp-xyz>"]

在我的模板中，我试图遍历此数组以呈现每个组件标签元素

<div *ngFor=
   "let pckg_route of pckg_route_array;">{{pckg_route}}
</div>

在我的html页面上，我只看到这两行，而不是组件变红了

<cp-abc></cp-abc>
<cp-xyz></cp-xyz>

Angualar 6不允许innerHTML属性，因此不能使用该属性。这里有任何建议。