오디오 태그에서 핸들 404 오류

Question

나는 타이프 스크립트로 Angular2 응용 프로그램을 가지고 있습니다.

HTML은 다음과 같습니다 :

<div> 
    <audio controls autoplay id="audio" (error)="audioError()"> 
     <!--source src="horse.ogg" type="audio/ogg"--> 
     <source [src]="fileToPlay" type="audio/mpeg"> 
     Your browser does not support the audio element. 
    </audio> 
</div> 

구성 요소는 다음과 같습니다

나는 @Input로 그 파일을 수신하는 오디오 태그, 난 파일이 경로에 존재하지 않는 경우 예외를 생성 할가

export class PlayComponent implements OnChanges { 

    @Input() fileToPlay:string; 

    audioError(){ 
console.log('out of range'); 
} 

} 

onerror을 사용해 보았지만 작동하지 않습니다.

Answer 1

onerror (paranthesis가있는 서라운드 이벤트) 대신 (error)을 사용하십시오.

<audio controls autoplay id="audio" (error)="audioError()"> 
    <!--source src="horse.ogg" type="audio/ogg"--> 
    <source [src]="fileToPlay" type="audio/mpeg"> 
    Your browser does not support the audio element. 
</audio>