在嵌套泛型中为TypeScript创建实例

Question

我正在使用Angular 4开发应用程序。在我的代码中，我想从嵌套的通用类创建一个实例，如下所示：

export class Page<T>
{
    constructor(c: { new(): T; }){
       this.FilterData = new c();
    }
    TotalItems: number;
    PageSize: number;
    CurrentPage: number;
    TotalPage: number;
    FilterData: T;
}

export class Filter<T>
{
    constructor(c: { new(): T; })
    {
        this.AdvanceData = new c();
    }
    AdvanceData: T
    IsAdvance: boolean;
    OrderMeThod: string;
    OrderBy: string;
    KeyWord: string;
}
export class Client
{
Name:string;
}

而且我不知道如何从Page<Filter<Client>>初始化对象，其中Filter和Client在构造函数中初始化。 我尝试过例如： new Page<Filter<Client>>(); 但这没用。 请帮助我解决该问题。 谢谢

Answer 1

不用调用new ，而是让您传递的函数返回新实例。 例：

interface Generator<T> {
    generate(): T
}

export class Page<T> {
    constructor(c: Generator<T>) {
        this.FilterData = c.generate();
    }

    TotalItems: number;
    PageSize: number;
    CurrentPage: number;
    TotalPage: number;
    FilterData: T;
}

export class Filter<T> {
    constructor(c: Generator<T>) {
        this.AdvanceData = c.generate();
    }

    AdvanceData: T;
    IsAdvance: boolean;
    OrderMeThod: string;
    OrderBy: string;
    KeyWord: string;
}

export class Client {
    Name: string;
}

const clientGenerator: Generator<Client> = {
    generate: () => new Client()
};

const filterGenerator: Generator<Filter<Client>> = {
    generate: () => new Filter(clientGenerator)
};

const pageOfFilterOfClient: Page<Filter<Client>> = new Page(filterGenerator);