Angular 2將事件從一個組件傳遞到下一個

Question

父組件我有一個客戶端列表，並且傳遞了客戶端ID。

<a (click)="onClient($event, ID)">edit</a> View

export class ListComponents 
public myformdata: number; 
    onClient(ID: number) { 

     console.log('loading ID', JSON.stringify(ID)); 

     this.myformdata = (ID); 
     return this.myformdata; 
    } 
}` 

在孩子的構造，我可以綁定。但是，如何在每次單擊它時將值注入到子構造函數中。我試了一個生命週期的鉤子

ngOnChanges(): void { 

} 
export class ChldComponents{ 
    constructor(public _dashlit: ListComponents) { 
} 
} 

Answer 1

我不是100％確定你要完成什麼。如果你只是想在myformdata傳遞給childComponent您可以在父組件設置上點擊

parent.component.ts

onClient(ID: number){ 
    this.myformdata = ID; 
} 

然後用輸入指令傳遞到您的子組件

child.component.html

<child-component [myInput]="myformdata"></child-component> 

現在它將在您的子組件中可用，並且只要父組件更改this.myformdata就會更改。如果需要在輸入發生變化時運行某個函數，則可以使用OnChanges生命週期鉤子。

https://angular.io/docs/ts/latest/cookbook/component-communication.html https://angular.io/docs/ts/latest/api/core/index/OnChanges-class.html