从变量角度/打字稿加载组件

Question

如何从变量加载组件？ 等等我有一个数组

let arr: Array<string> = new Array('<comp1></comp1>','<comp2></comp2>');

在我的 html Temple walk 数组中，并获得组件，但只有我看到字符串为 ''

<ng-container *ngFor="let item of arr">{{item}}</ngcontainer>

感谢您的回答。

Answer 1

你需要一个类型数组而不是字符串：

const types: ReadonlyArray<Type> = new Array(Comp1Class, Comp2Class);

<ng-container *ngFor="let componentTypeExpression of types">
  <ng-container *ngComponentOutlet="componentTypeExpression"></ng-container>
</ng-container>

请记住，它们都必须在注射器的entryComponents 中。对于惰性模块，您可以添加注入器甚至自定义模块工厂： https://angular.io/api/common/NgComponentOutlet