如何基于事件发射器更改HTML？

Question

我有一个父组件和子组件，它们通过@Input和@Output事件发射器交换数据。有没有一种方法可以通过子组件发出的事件在父组件中启用部分HTML代码？

谢谢。

Answer 1

child.component.html

<button (click)="buttonClicked()"></button>

child.component.ts

@Output() clicked=new EventEmitter();
buttonClicked(){
   this.clicked.emit();
}

parent.component.html

<child-component (clicked)="childClicked()"></child-component>

parent.component.ts

childCliked(){
  //do anything that could affect the html in the parent
}