각도 - <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(); 
    } 
} 

가 ACCESS JS 방법은

Answer 1

캐스트 소자

을 HTMLAudioElement 할 수없는

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