单击模式中的按钮后，请更改父组件中的按钮的名称(Angular 7)

Question

我正在处理一个Angular 7项目，我想在单击子组件内的按钮后，从父组件中更改按钮的名称，这是模态。<<<<<<<<<<<<<<<<<</p>

当前，当我单击父母的"按钮A"时，模态将打开。之后，当我从模态内单击"按钮b"时，我希望从父母使用"从父母使用"按钮将其名称更改为" c"。我尝试使用localstorage，但它不起作用。您对如何做有什么想法？

预先感谢您！

Answer 1

通过事件发射器进行交流到父母组件的方式，首先您将事件输出定义在您的子组件中，例如：

@Output() clickedButton = new EventEmitter<Observable<any>>();

按下按钮时，实现该按钮操作的方法应像So

一样发射事件

this.clickedButton.emit(/* here goes any data you wanna pass to the parent component if its the case otherwise can be empty*/);

在父组件模板上接下来只需添加（clickedbutton）="您要更改按钮文本的函数"如下：

<child-component (clickedButton)="changeButtonText($event)"></child-component>

，在您的父组件中，您可以根据需要将按钮文本更改为另一个文本，只要按钮文本是变量，或者您可以访问按钮组件并更改文本，但听起来比您需要的更复杂为

changeButtonText($event:any){
this.buttonTextVariable = 'C'
}