Как изменить 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
}