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

如何解决Angular 方法不会绑定到最近插入的 html

我尝试使用 [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() 方法只是提示一条消息。但是当我点击元素时，警报不会触发。

我错过了什么？

谢谢