Événement angulaire de chargement vidéo

J'essaie encore de comprendre angulaire …

Fondamentalement, j'ai une vidéo html5 et je veux écouter l'événement onloadeddata ( http://www.w3schools.com/jsref/event_onloadeddata.asp ).

C'est ce que j'ai:

Html:

 <video autoplay="autoplay" loaded-data loop style="display: none;"> <source src="videos/example.mp4" type="video/mp4"> <source src="videos/example.ogg" type="video/ogg"> </video>

directif:

 angular.module('myApp') .directive('loadedData', function () { return function ($scope, $element) { $element.addEventListener("loadeddata", function () { console.log('test'); // never calls }); } });

Est-ce la bonne façon de gérer cela? Pour une raison quelconque, l'auditeur d'événement ne se fait jamais appeler.

J'ai également essayé

 $element.bind('loadedData', function () { console.log('test'); });

Mais ça ne fonctionne pas non plus …

Deviner! On dirait que je dois utiliser:

 $element[0].addEventListener(...)

Au lieu de:

 $element.addEventListener(...)