如何使用Jquery将click事件附加到AngularJS指令？

Question

我制作了AngularJS指令,我在我的主页上加载,我也有 JQuery文件,我alert('it works')在<p> Click </p>单击元素时调用.这是一个例子.

/*
 * This is the directive
 */

outsource.directive('mydirective', function() {
    return {
        restrict: 'E',
        link: function(scope, element, attribute) {
            // Link
        },
        replace: true,
        templateUrl: 'src/app/components/views/directive.html'
    };
});

directive.html文件

<p id="clicked"> Click </p>

jquery函数

$(document).ready(function() {
    $("#clicked").click(function() {
        alert('it works');
    });
});

对于我真正的问题,这只是一个简单的问题.我注意到angular指令的加载速度比触发警报消息的函数要慢.因为我的选择器没有选择任何东西$("#clicked").

*我应该如何使用jquery的angular指令？除了使用jqlite之外,解决这个jquery-angular问题的正确方法是什么？*

Answer 1

jQuery当你有AngularJS时不要使用.您可以使用ng-clickAngularJS绑定click元素上的事件.

HTML

<p ng-click="clickHandler()">...</p>

JavaScript的

在控制器中

$scope.clickHandler = function() {
    alert('clicked');
};

编辑

你还想使用jQuery(不推荐):

$(document).on('click', "#clicked", function() {
    alert('it works');
});