如何防止默认锚标签?

假设我有一个锚标记，比如

<a href="#" ng-click="do()">Click</a>

如何防止浏览器在AngularJS中导航到# ?

当前回答

我在使用锚进行角引导下拉时遇到了同样的问题。我发现唯一的解决方案，避免不必要的副作用(即。因为使用preventDefault())而没有关闭的下拉列表使用以下方法:

 <a href="javascript:;" ng-click="do()">Click</a>

其他回答

试试这个选项，我可以看到上面还没有列出:

<a href="" ng-click="do()">Click</a>

你应该做的是，完全省略href属性。

如果你看一下a element指令(它是Angular核心的一部分)的源代码，它在第29 - 31行声明:

if (!element.attr(href)) {
    event.preventDefault();
}

这意味着Angular已经解决了没有href的链接问题。你仍然有唯一的问题是css问题。你仍然可以将指针样式应用于具有ng-clicks的锚点，例如:

a[ng-click] {
    /* Styles for anchors without href but WITH ng-click */
    cursor: pointer;
}

因此，你甚至可以通过用一种微妙的、不同的样式来标记真正的链接，从而使你的网站更容易访问。

编码快乐!

另一种可能是:

<span ng-click="do()">Click</span>

很多答案似乎都是多余的。对我来说，这很有效

 <a ng-href="#" ng-click="$event.preventDefault();vm.questionContainer($index)">{{question.Verbiage}}</a>

避免href上的事件最安全的方法是将其定义为

<a href="javascript:void(0)" ....>

推荐文章