Angular - 获取<audio>元素引用

Question

我的模板中有一个音频标签，我想在我的组件中访问these methods，因为我需要根据点击事件播放和暂停的功能。

我尝试了下面的方法，但我无法访问play（）方法。什么是正确的方法？

TEMPLATE：

<div align="center" class="tela">
<div class="telaPlay" *ngIf="showPlay">
  <p>
    Qual é<br/>a<br/>Música?
  </p>  
  <a href="#"
    class="botao"
    (click)="novoJogo()">Play
  </a>
</div>  

COMPONENT ......相关......：

  play(): void {
    let player = document.getElementById("player");
    player.play();
  }
}

无法访问JS方法

Answer 1

HTMLAudioElement的Typecast元素

function play(): void {
    let player = <HTMLAudioElement>document.getElementById("player");
    player.play();
}