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

然后使用input指令将其传递到子组件

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

角度2传递事件从一个组件到下一个组件

1 个答案: