AngularJs - element.on（＆＃39; submit＆＃39;）在我的指令中不起作用

Question

我正在尝试使用ng-submit调用向我的自定义指令触发提交事件，但它没有被触发。

这是一个说明我问题的插件。

<div ng-controller="MyCtrl">
    <form name="loginForm" ng-submit="login()" novalidate="">
        <input type="submit" class='please-wait' value="Submit Me" />
    </form>
</div>

js code：

app.directive('pleaseWait', function () {
    return {
        restrict: "C",
        compile: function (element) {
            element.on('submit', function (e) {
                alert('Submit called');
            });

            element.on('click', function (e) {
                alert('Click called');
            });
        }
    };
});

http://plnkr.co/edit/lwHPVJI75q8bvVoSX1WP?p=preview

我做错了什么？

Answer 1

＆＃34;提交＆＃34;不是input元素上的事件，而是form上的事件，因此指令正在侦听它不会收到的事件。