Angular：单击子元素时如何将类添加到父级

Question

我有这样的 HTML

<div class="parent"> // This is parent
     <div class="child" (click)="addClassToParent()"></div>// This is child
</div>

在 Angular 中，如何在单击子项时向父项添加新类（例如“父样式”）？

Answer 1

addClassToParent() {
  this.clickEventXXX = true
}

<div class="parent" [class.parent-style]="clickEventXXX"> // This is parent
     <div class="child" (click)="addClassToParent()"></div>// This is child
</div>