角度 - コンポーネントの青写真

Question

私は、多くのコンポーネントの青写真のように機能するコンポーネントを持っています。彼らはすべて同じ方法を共有しています。どうすればそれから青写真を作ることができますか？

他のすべてのコンポーネントでメソッドを繰り返す必要はありません。私はいくつかの機能を変更する必要がある場合にのみ、メソッドをオーバーライドする必要があります。

@Component({ 
    template: ` 
     <datagrid (onRefresh)="loadCollection($event)" (onRowSelect)="loadRecord($event)" (onCreateRecord)="createRecord()"></datagrid> 
    `, 
    providers: [CollectionService] 
}) 
export class ListComponent implements OnInit{ 

    loadCollection($event){ 
     ... 
    } 


    loadRecord($event){ 
     ... 
    } 

    createRecord(){ 
     ... 
    } 
} 

Answer 1

ここ

export class BaseComponent { 
    name: string =""; 
    someCommonFunction(){ 
    return `Method called from Base Component from child ${this.name}` 
    } 
} 

@Component({ 
    selector: 'child-1', 
    template: `{{someCommonFunction()}}` 
}) 
export class ChildComponent1 extends BaseComponent { 
    constructor(){ 
    super(); 
    this.name = "ChildComponent1"; 
    }  
} 

@Component({ 
    selector: 'child-2', 
    template: `{{someCommonFunction()}}` 
}) 
export class ChildComponent2 extends BaseComponent { 
    constructor(){ 
    super(); 
    this.name = "ChildComponent2"; 
    } 
} 

、以下試してみてくださいこのことができますPlunker!!

希望です！