Angular - Blueprint der Komponente

Question

Ich habe eine Komponente, die für viele Komponenten wie ein Blueprint fungiert. Sie alle teilen die gleichen Methoden. Wie kann ich daraus einen Entwurf machen?

Ich möchte nicht zu Methoden in allen anderen Komponenten wiederholen. Ich möchte nur eine Methode überschreiben, wenn ich etwas von der Funktionalität ändern muss.

@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

unter Versuchen,

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"; 
    } 
} 

Hier ist die Plunker!!

hoffe, das hilft !!