角度4：類型'typeof CLASS'的參數不能分配給類型'INTERFACE'的參數

Question

我在玩角度的動態組件。 但是我遇到了一個我不知道如何解決的問題。

我有這個界面。

export interface InjectableComponent{
    setData(data: any): void;
}

類實現接口。

export class DemoComponent implements InjectableComponent {
    setData(data: any): void {

    }
}

使用接口作為參數類型的函數。

openComponent(component: InjectableComponent, data: any) {
    let componentFactory = this.componentFactoryResolver.resolveComponentFactory(<any>component);
    this.placeholder.clear();

    let componentRef = this.placeholder.createComponent(componentFactory);
    (<InjectableComponent>componentRef.instance).setData(data);
}

調用功能。

openComponent(DemoComponent, null); <-- ERROR

收到此錯誤：

Argument of type 'typeof DemoComponent' is not assignable to parameter of type 'InjectableComponent'.
Property 'setData' is missing in type 'typeof DemoComponent'.

有人可以向我解釋為什么這行不通嗎？ 可能的解決方法？

Answer 1

您可以使用特殊的通用類型Type<T>

openComponent(component: Type<InjectableComponent>, data: any) {
   ...
}

柱塞示例

Answer 2

看來openComponent方法需要一個實例：

   const demoComponent = new DemoComponent()

   ...

   openComponent(demoComponent, null);