如何在AngularJS中绑定自定义事件？

Question

我有一个自定义事件core-transitionend(实际上由Polymer解雇),我可以使用设置事件处理程序document.addEventListener().但是在AngularJS中最好的做法是什么？

或者,我可以在DOM中明确设置处理程序,即<paper-ripple on-core-transitionend="enter()"></paper-ripple>如何在AngularJS中定义此函数？

Answer 1

看到这个小提琴,这里我创建了一个自定义指令,将事件绑定到元素,

angular.module('HelloApp', [])
    .directive('customDir', function () {
        return {
            restrict: 'A',

            link: function(scope, element, attrs)      
            {
                element.bind("click",function()
            {
            alert("you clicked me");

        })
            }    


        }
    })

在您的情况下,您可以简单地将定义的事件绑定到元素