在modal (Angular 7)中单击按钮后，更改父组件中按钮的名称

buttonName: string = '按钮名称';

<button>{{ buttonName }}</button>

import { Component, EventEmitter, Output } from '@angular/core';

export class ModalComponent {
  @Output() buttonClicked: EventEmitter<void> = new EventEmitter<void>();

  // 在按钮点击事件中触发自定义事件
  onClickButton() {
    this.buttonClicked.emit();
  }
}

<app-modal (buttonClicked)="changeButtonName()"></app-modal>

changeButtonName() {
  this.buttonName = '新的按钮名称';
}