如何防止錨點href上的頁面刷新

Question

我正在使用下面的代碼。

<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();
        });
    }
})

有一個更好的方法嗎？ 請分享。 提前致謝。

Answer 1

event.preventDefault() ，在這種情況下正常工作。 您還可以使用 ng-href angular 標簽作為替代解決方案。

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

您也可以嘗試以下：-

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

Answer 2

不需要定義指令，只需要 ng-href="" 就足夠了。 只需將所有 href 替換為 ng-href。