Angular-单击子级中的按钮时调用父级组件的方法

Question

我有一个父项和一个子项。

子组件只是两个按钮，保存和取消。我可以很好地显示按钮。

单击保存/取消后，我想在父组件的保存和取消处理程序中执行代码。如何实现此功能？

带有父和子组件的示例代码：https://stackblitz.com/edit/angular-ivy-7ch5ws

Answer 1

组件的模板绑定名称应与@Output装饰器名称相同。

尝试一下：

component.html

<app-buttons-component
    (cancelClick)="onCancelHandler()"
    (saveClick)="onSaveHandler()"
    [saveDisabled]="!enableSave">
>
</app-buttons-component>