Добавить событие в элемент в функции компиляции в директиве никогда не вызывается

Question

У меня есть директива angularjs.в функции компиляции я добавляю к элементу событие mouseenter, но эта функция никогда не вызывается.

, когда я пишу элемент в js, он работает, но когда он находится в html, он не работает, и у меня естьнаписать в HTML.

function myDirective() {
    return {
        restrict: 'A',
        compile: function (element, attrs) {
            element.bind('mouseenter', function () {
               ...
            }


        },
    }
}
html:
<div my-directive></div>