来自角形执行父级函数的空隙元素

Question

我有一个div，其中包含带有（单击）的函数。问题在于嵌套的div（具有自己的（单击））也正在执行父级的功能。

我尝试使用$ event.stopPropagation（），但无法正常工作

  <div (click)="addThing()">
    <app-child 
      (click)="addOtherThing()">
    </app-child>
  </div>