angular2 /打字稿類的繼承與泛型類型

Question

希望你們中的一個angular2 /打字稿嚮導可以幫忙，或至少提供了正確的方向指針，之前我瘋了:-)

這裏是我的倒是喜歡

• 有父類實現它自己定義的父接口，但使用泛型類型這樣我就可以創建一個子類時，它提供了孩子的具體和定製類&數據接口。
• 子類應該能夠由
  • 能夠覆蓋缺省的/父集變量
  • 覆蓋父功能（擴展父數據類）並調用，而不是父母的孩子的版本默認

在下面的僞代碼示例，我想打電話給孩子的（繼承）someOtherfunction()返回「2」 ...

我問太多了嗎？ 我似乎無法在網上找到任何像樣的例子...

我該如何解決這個問題？

謝謝 - 奧利弗

（下面的代碼可能被打破，它只是爲了舉例說明）

// 
// Parent Class 
// 

export interface ICoreData <T> { 
    observeItems: Observable <T[]> ; 
    items: Array <T>; 
} 

@Injectable() 
export class CoreData<T> implements ICoreData<T> { 

    public observeItems: Observable<T[]>; 
    private items: Array<T>; 

    constructor('Dependency Injection...') {} 

    coreFunction(): number { 
     return 1; 
    } 
    someOtherfunction(){ 
     return this.coreFunction(); 
    } 
} 

// 
// Child class 
// 

export interface IMyDataStructure { 
    name: string; 
    age: string;  
} 

export interface ISpecificData extends ICoreData<IMyDataStructure> { 
    someExtraKey: number; 
} 

@Injectable() 
export class SpecificData extends CoreData<IMyDataStructure> implements ISpecificData { 

    constructor() { 
     super(); 
    } 

    coreFunction(): number{ 
     // 
     // This function should "overwrite" the parent's original function 
     // and be called by the parent's someOtherfunction() function 
     // 
     return 2; 
    } 
} 

Answer 1

你不能要求太多了。但是，您無法使用interface來完成您要完成的任務。您需要擴展一個class，這可能是通用的。

對於數據類型，interface只是合同或藍圖（如果您喜歡的話）。沒有與interface相關的功能。然而，在你的情況下，你希望能夠在基類上有方法;您可以在派生中重寫的方法。

我通常這樣做的方式是聲明一個abstract基類（以便基類不能自己實例化），然後是extend類。這裏有一個例子：

請注意，我已經刪除了所有的Angular2 cruft以保持示例儘可能簡單。

abstract class Base<T> { 
    constructor(public controlled: T) { } 

    doIt(): string { 
    return `Base.doIt: ${JSON.stringify(this.controlled)}`; 
    } 

    doSomethingElse(): string { 
    return `Base.doSomethingElse: ${JSON.stringify(this.controlled)}`; 
    } 
}; 

interface Foo { 
    foo: string; 
    bar: string; 
}; 

class Derived extends Base<Foo> { 
    constructor(foo: Foo) { 
    super(foo); 
    } 

    doSomethingElse(): string { 
    return `Derived.doSomethingElse: ${JSON.stringify(this.controlled)}`; 
    } 
}; 

let d: Derived = new Derived({ foo: 'foo', bar: 'bar' }); 

console.log(`doIt ==> ${d.doIt()}`); 
console.log(`doSomethingElse ==> ${d.doSomethingElse()}`); 

輸出：

doIt ==> Base.doIt: {"foo":"foo","bar":"bar"} 
doSomethingElse ==> Derived.doSomethingElse: {"foo":"foo","bar":"bar"} 

Playground link。