javascript - ng-click 同时具有用于后备的 href

Question

Angular 允许您在使用 ng-click 时忽略 href:

<a href ng-click="openModal()">Open modal</a>

但是当您想要生成用于 SEO 的 HTML 快照或带有事件链接的 PDF 时，这不适合。

有没有办法让这个标记具有以下逻辑:

<a href="/modal" ng-click="openModal()">Open modal</a>

如果 ng-click 不可用，请使用 href 操作(此时 href 操作将覆盖 ng-click)？

Answer 1

我将其包装在一个指令中，在其中调用 PreventDefault 以防止链接元素的默认行为:

app.directive("myLinkOverload", function () {
    return function (scope, element) {
        element.on("click", function (evt) {           
            evt.preventDefault();
        });
    }
});

<a href="/modal" ng-click="openModal()" data-my-link-overload="">Open modal</a>