2017-12-28 25 views
0

私のテンプレートにオーディオタグがあり、コンポーネント内にthese methodsにアクセスしたいので、クリックイベントに従って再生と一時停止の機能が必要なためです。角度 - <audio>要素参照

私は以下の方法で試しましたが、私は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 METHODS

enter image description here

答えて

1

HTMLAudioElement

に型キャスト要素CAN
function play(): void { 
    let player = <HTMLAudioElement>document.getElementById("player"); 
    player.play(); 
} 
+0

これは、ありがとうございます。 – tramada