如何防止锚点href上的页面刷新

时间:2015-09-29 11:38:15

标签: javascript angularjs

我正在使用以下代码。

<a ng-href="" ng-click="do()" eat-click>Click Me</a>
module.directive('eatClick', function () {
    return function (scope, element, attrs) {
        $(element).click(function (event) {
            event.preventDefault();
        });
    }
})

有更好的方法吗?请分享。提前谢谢。

2 个答案:

答案 0 :(得分:2)

event.preventDefault(),在这种情况下正常运行。您也可以使用角度的ng-href标签作为替代解决方案。

$(element).click(function(event) {
    event.preventDefault();
});

您也可以尝试以下方法: -

$('a[href=""]').click(function(event) {
    event.preventDefault();
});

答案 1 :(得分:0)

不需要定义指令,只有ng-href =“”就足够了。只需用ng-href替换所有href。