Javascript 在Angular中访问当前DOM节点的子节点

我的模板中有如下代码

单击“我想播放音频对象”。所以我想要的是

或许

这个按钮是循环的一部分，所以我尽量避免使用id，我只想要audo对象，它是当前按钮的子对象。另外，我真的想把它发送到一个函数，而不是直接播放它。所以实际的代码更像

仅就我所知，似乎没有一种方法可以作为“self”或“this”访问DOM节点。我非常希望我只是错过了一些东西，有一种方法可以不使用动态ID进行访问

那么什么对我有效呢。 在我的模板中

在我的组件中

myFunction（事件：事件）{
让audio=（event.target作为元素）。firstElementChild作为HTMLAudioElement；
音频播放（）；
}

self

指当前窗口。您需要

这个.firstElementChild

。或者，使用Angular传递的事件，如“谢谢”，如果您将此作为答案，我会将其标记为“谢谢”。