javascript - 如何在 AngularJS 中绑定(bind)自定义事件?

标签 javascript angularjs polymer dom-events

我有一个自定义事件 core-transitionend (实际上由 Polymer 触发),我可以使用 document.addEventListener() 设置事件处理程序.但在 AngularJS 中执行此操作的最佳做​​法是什么?

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

最佳答案

参见 this fiddle ,我在这里创建了一个自定义指令,它将事件绑定(bind)到元素,

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

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

        })
            }    


        }
    })

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

关于javascript - 如何在 AngularJS 中绑定(bind)自定义事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27547156/

相关文章:

javascript - 需要一个好的 JavaScript uploader

javascript - 使用ajax获取自定义404错误页面的内容

javascript - 页面速度问题

javascript - 如何检查 Protractor 中是否存在编辑后的结果?

css - Polymer 的纸 slider 我想更改拖动轴

javascript - Uncaught TypeError : d3. queue is not a function D3.js

javascript - jQuery 验证,仅限数值

angularjs - Angular.js flash 的模板内容

javascript - 有条件地添加 polymer 元素

javascript - 无法将应用程序路由与iron-selector和iron-pages绑定(bind)