使用自定义事件扩展angular.js jQlite

Question

jQuery has a way to extend it with custom events. Is it possible to extend angularjs jQueryLite in the similar manner? For example, if I would like to bind custom event in directive like this:

link: function (scope, element, attr) {
    // mousewheel would be custom event
    element.on("mousewheel", function (event) {
        // event handling
    });
}

Answer 1

Besides the list of jQuery API methods that are mimicked by jqLite, there's no documentation on jqLite internals. Because they are internal indeed and aren't meant to be extended.

Unlike jQuery, jqLite offers no way to provide custom events, it just wraps around DOM events .

It is possible to support custom events by patching angular.element.prototype.on , angular.element.prototype.off and angular.element.prototype.triggerHandler methods. But it is not advisable and is certainly not how the things are supposed to be done in Angular.