可以在角度调用父组件功能时单击子组件上的任何按钮？ [关闭]

Posted 2023-01-12

我创建自定义角度网格视图作为子组件，并需要在所有父组件中使用它

网格上的每条记录都包含许多操作（编辑 - 删除）

我在父母一中点击儿童组件消防业务功能中的编辑按钮时需要

因为我的Grid Custom Control在所有应用程序中都是全局的

答案

使用@Output装饰器来定义输出属性

模板

<button (click)="buttonClick()">My button</button>

零件

@Output() doBusiness: EventEmitter<any> = new EventEmitter();

buttonClick() 
    this.doBusiness.emit(...some data...);

父模板

<child-component (doBusiness)="doMyWork($event)"></child-component>

https://angular.io/guide/component-interaction#parent-listens-for-child-event