Angular 单击事件不'；不要冒泡

在my page.html中，我有这样一个div：

<div class="news-text" (click)="expandContent($event)" tappable>
    <h1 class="news-title">{{ post.title }}</h1>
    <p class="news-content">{{ post.content }}</span></p>
    <p class="news-date">{{ post.date }}</p>
</div>

问题是输出总是div的单击子级

例如，如果我单击类为“news-date”的段落，则事件目标为“p.news-date”，并且我的函数不会在指定的div中触发

---

如何在指定的div中触发事件函数？

可以使用模板变量

<div class="news-text" #div (click)="expandContent($event, div)" tappable>

如果您只想传递元素，还可以省略

$event，

<div class="news-text" #div (click)="expandContent($event, div)" tappable>