我正在玩转 Angular 动态组件。 但是我遇到了一个我不知道如何解决的问题。
我得到了这个界面。
export interface InjectableComponent{
setData(data: any): void;
}
类实现接口(interface)。
export class DemoComponent implements InjectableComponent {
setData(data: any): void {
}
}
使用接口(interface)作为参数类型的函数。
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'.
有人可以向我解释为什么这不起作用吗? 也许有解决方法?
最佳答案
您可以使用特殊的通用类型 Type<T>
像这样
openComponent(component: Type<InjectableComponent>, data: any) {
...
}
关于 Angular 4 : Argument of type 'typeof CLASS' is not assignable to parameter of type 'INTERFACE' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45020196/