如何使用angular 5中的setAttribute向动态生成的html元素添加mouseover事件

我试图通过使用

document.querySelectorAll('idName ul li')[0].setAttribute('mouseover','sample()')

<li mouseover="sample()">First item</li>

但是当我使用angular 5时,我需要用括号括住mouseover事件,它应该是

<li (mouseover)="sample()">First Item</li>

document.querySelectorAll('idName ul li')[0].setAttribute('(mouseover)','sample()')

(mouseover) 无效

如何将mouseover事件添加到动态加载的html中。

 <kendo-multiselect [data]="data">
</kendo-multiselect>

剑道多选用户界面如下所示

现在要澄清的是,当我将鼠标悬停在带有关闭图标的选定选项上时,这些选项是在浏览器中加载页面时动态生成的(棒球和曲棍球),应该执行一些功能