另一种可能是:

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

更新:我已经改变了我对这个解决方案的想法。经过更多的开发和时间的努力，我相信更好的解决这个问题的方法是:

<a ng-click="myFunction()">Click Here</a>

然后更新你的css有一个额外的规则:

a[ng-click]{
    cursor: pointer;
}

它更简单，提供完全相同的功能，效率更高。希望这对将来寻找这个解决方案的人有所帮助。

以下是我之前的解决方案，我把它放在这里只是为了遗留的目的:

如果你经常遇到这个问题，一个简单的指令可以解决这个问题:

app.directive('a', function() {
    return {
        restrict: 'E',
        link: function(scope, elem, attrs) {
            if(attrs.ngClick || attrs.href === '' || attrs.href === '#'){
                elem.on('click', function(e){
                    e.preventDefault();
                });
            }
        }
   };
});

它检查所有锚标记(<a></a>)，看看它们的href属性是否为空字符串("")或散列('#')，或者存在ng-click赋值。如果发现其中任何一种情况，它将捕获事件并防止默认行为。

唯一的缺点是它为所有锚标记运行这个指令。因此，如果页面上有很多锚标记，而你只想阻止其中一小部分的默认行为，那么这个指令就不是很有效。然而，我几乎总是想要preventDefault，所以我在我的AngularJS应用程序中都使用这个指令。

我一直都是这么做的。效果好极了!

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

如果仍然相关:

<a ng-click="unselect($event)" />

...

scope.unselect = function( event ) {
 event.preventDefault();
 event.stopPropagation();
}

...

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

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

我需要存在href属性的值退化(当js被关闭)，所以我不能使用空href属性(或“#”)，但上面的代码没有为我工作，因为我需要一个事件(e)变量。我创建了自己的指令:

angular.module('MyApp').directive('clickPrevent', function() {
  return function(scope, element, attrs) {
    return element.on('click', function(e) {
      return e.preventDefault();
    });
  };
});

在HTML中:

<a data-click-prevent="true" href="/users/sign_up" ng-click="openSignUpModal()">Sign up</a>