Angular 4/5，将类引用作为@Input属性传递？

Question

我试图弄清楚如何使用Input属性传递类引用，以便我可以自己创建类的实例：

<my-component classToCreate="{{ClassReferenceHere}}">
</my-component>

似乎没有一种方法可以在打字稿中创建一个需要类引用的属性，所以我不确定这是可能的：

  @Input()
  classToCreate:Class;  // doesn't work

Answer 1

您需要对所有输入指令使用[ ... ]：<my-component [classToCreate]="ClassReference"></my-component>， 在 component.ts

中定义ClassReference的位置

所有输入都是相同的，例如 [ngModel]="myVariable"或[value]="myDynamicValues"

另请注意，您的子组件应该只是@Input() classToCreate，并且应该动态填充输入内容。