javascript - 视频播放事件中的 Angular 2 方式绑定(bind)不起作用

Question

我的 2 路绑定(bind)不起作用，如果我直接调用 vm.Play() 函数，它会起作用，但当从视频播放事件调用它时，它就不起作用。有谁知道为什么？

function VideoEventStats() {
    var directive = {
        restrict: "A",
        replace: false,
        scope: {
            videoEventStats: "="
        },
        controller: controllerFunction,
        controllerAs: "vm",
        bindToController: true
    };

    controllerFunction.$inject = ["$element"];

    function controllerFunction($element) {
        var vm = this;

        vm.Play = Play;

        if($element.context.tagName === "VIDEO") {

            angular.element($element).on('play', vm.Play);

            $element.context.onended = function() {
                console.log('ended..');
            };
        }
        else {
            console.warn('This element is not a video element');
        }

        function Play() {
            vm.videoEventStats.CurrentUserHasSeen = true;
        }
    }

    return directive;
}

Answer 1

添加 vm.videoEventStats.CurrentUserHasSeen = true; $timeout 内部成功了......

function Play() { $timeout(function() { vm.videoEventStats.CurrentUserHasSeen = true; }, 0); }