html - Angularjs HTML5 视频攻击

Question

我正在加载 html5 mp4 视频，我想在视频结束时从 Angular 范围触发功能。我在下面尝试了简单的代码，但是 onended 事件无法在 Angular 范围内找到函数。

HTML

<video controls="controls" autoplay="true" ng-show="showVideo" ng-src="{{vidSrc}}" vid-dir onended="vidEnded()">

Angularjs 功能添加到主 Controller 中。 onended 事件触发但函数未定义

$scope.vidEnded = function(){
        console.log('vid ended')
    }

也试过在这样的目录中添加函数，但没有触发该函数。

.directive('vidDir', [function () {
    return {
        restrict: 'A',
        link: function (scope, elem, attr) {
            console.log(elem)
            elem.onended = function(){
                console.log('vid ended')
            } 
        }
    };
}]);

Answer 1

我相信以下代码可以实现您的愿望。

<video controls="controls" autoplay="true" ng-show="showVideo" ng-src="{{vidSrc}}" vid-dir (ended)="vidEnded()">