我仍在尝试了解 Angular ...

基本上,我有一个html5视频,我想听onloadeddata事件(http://www.w3schools.com/jsref/event_onloadeddata.asp)。

这就是我所拥有的:

的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>

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

这是正确的处理方式吗?由于某种原因,事件监听器永远不会被调用。

我也尝试过
$element.bind('loadedData', function () {
    console.log('test');
});

但这也行不通...

最佳答案

弄清楚了!看起来我需要使用:

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

代替:
$element.addEventListener(...)

08-25 13:21
查看更多