javascript - Angular 方法不会绑定到最近插入的 html

Question

我尝试使用 [innerHTML] 在页面中插入一些 HTML，但不知何故，我绑定的 js 函数在插入后无法工作。我也尝试过使用消毒剂，因为我虽然这是一个“安全的 html”问题，但我仍然认为它是，但我无法弄清楚我错过了什么。

我尝试插入的 HTML：

`<div class="day" (click)="test()">
     <span class="day-date pl-3">${dayCount} </span>
     <span class="day-ocupacy"></span>
</div>`

带有 DomSanitizer 的页面中的 HTML

<div class="day" (click)="test()">
                            <span class="day-date pl-3">1 </span>
                            <span class="day-ocupacy"></span>
</div>

没有 DomSanitizer 的页面中的 HTML

<div class="day">
                            <span class="day-date pl-3">1 </span>
                            <span class="day-ocupacy"></span>
</div>

test() 方法只是提醒一条消息。但是当我单击元素时，警报不会触发。

我错过了什么？

谢谢