在基礎組件Angular 4上實例化通用Type T

Question

我有一個超級組件，它由一些子組件擴展：

 export class BaseComponent<T extends InternalItem> {

    private _internalGradientItems: T[];

    constructor(cdr: ChangeDetectorRef) {

    }

    protected addRow(item: Item) {
        // here I whant to instatiate the type T. 

    }
}

由於某些原因，我需要在基礎組件上實例化T元素。 我沒有找到解決方案。 唯一認為哪個工作是將對象投射到T。

 let iItem = <T>{ gradientItem: item }

但是我不喜歡這種解決方案，不是干凈安全的解決方案。

你對我有目的嗎？

Answer 1

如果T是一個類並且要實例化它，則需要將構造方法傳遞給該類的BaseComponent 。 您可以使用一個空的構造函數，也可以使用接受從BaseComponent傳入的屬性的構造函數。

export class BaseComponent<T extends InternalItem> {

    private _internalGradientItems: T[];

    constructor(cdr: ChangeDetectorRef,public ctor: new (arg: { gradientItem: Item })=> T) {

    }

    protected addRow(item: Item) {
        new this.ctor({ gradientItem: item });
    }
}

//Usage:

class InternalItem { /* base props */ }
class DerivedInternalItem extends InternalItem { 
    /* props */
    constructor(arg:  { gradientItem: Item }) {
        super()
    }
}

export class DerivedComponent extends BaseComponent<DerivedInternalItem> {
    constructor(cdr: ChangeDetectorRef) {
        super(cdr, DerivedInternalItem)
    }
}