Angular 2動態組件生成，ts編譯錯誤

Question

我可以使用以下方法創建動態組件：

public addItem<T extends WidgetComponent>(ngItem: {new(): T}): T {
    let factory = this._componentFactoryResolver.resolveComponentFactory(ngItem);
    const ref = this._viewCntRef.createComponent(factory);
    const newItem: T = ref.instance as T;
    ...
    return newItem;
  }

並這樣稱呼它：

const ref: MyWidgetComponent = this.dashboard.addItem<MyWidgetComponent>(MyWidgetComponent);

但是打字稿給我帶來了這個編譯錯誤： app.component.ts:45:35 Untyped function calls may not accept type arguments.

我嘗試用Type<T>替換{new(): T} ，但出現相同的錯誤： app.component.ts:45:35 Untyped function calls may not accept type arguments.

這里的正確定義是什么？ 因為代碼效果很好...

編輯：這是完整的代碼，如果您想在原處查看它的話https://github.com/jaumard/ng2-dashboard/blob/master/components/dashboard/dashboard.dash.component#ts#L99

Answer 1

我設法通過將簽名更改為來修復編譯錯誤：

public addItem(ngItem: Type<WidgetComponent>): WidgetComponent

和這樣的電話：

const ref: MyWidgetComponent = this.dashboard.addItem(MyWidgetComponent) as MyWidgetComponent;