借用tennisgent的答案。我喜欢你不需要创建一个自定义指令来添加所有的链接。然而，我不能让他在IE8中工作。下面是最终对我有用的方法(使用angular 1.0.6)。

注意，'bind'允许你使用angular提供的jqLite，所以不需要用完整的jQuery来包装。还需要stoppropagation方法。

.directive('a', [
    function() {
        return {
            restrict: 'E',
            link: function(scope, elem, attrs) {

                elem.bind('click', function(e){
                    if (attrs.ngClick || attrs.href === '' || attrs.href == '#'){
                        e.preventDefault();
                        e.stopPropagation();
                    }
                })
            }
        };
    }
])

或者如果你需要内联，那么你可以这样做:

<a href="#" ng-click="show = !show; $event.preventDefault()">Click to show</a>

我找到的最简单的解决方法是:

<a href="#" ng-click="do(); $event.preventDefault()">Click</a>

对于这类事情，我更喜欢使用指令。这里有一个例子

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

eat-click的指令代码:

module.directive('eatClick', function() {
    return function(scope, element, attrs) {
        $(element).click(function(event) {
            event.preventDefault();
        });
    }
})

现在，您可以将eat-click属性添加到任何元素，它将自动获得preventDefault()。

好处:

您不必将丑陋的$event对象传递到do()函数中。 你的控制器更具有单元可测试性，因为它不需要去掉$event对象

借用tennisgent的答案。我喜欢你不需要创建一个自定义指令来添加所有的链接。然而，我不能让他在IE8中工作。下面是最终对我有用的方法(使用angular 1.0.6)。

注意，'bind'允许你使用angular提供的jqLite，所以不需要用完整的jQuery来包装。还需要stoppropagation方法。

.directive('a', [
    function() {
        return {
            restrict: 'E',
            link: function(scope, elem, attrs) {

                elem.bind('click', function(e){
                    if (attrs.ngClick || attrs.href === '' || attrs.href == '#'){
                        e.preventDefault();
                        e.stopPropagation();
                    }
                })
            }
        };
    }
])

我认为:

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

因为根据文档，你应该可以离开href，然后Angular会为你处理防止的默认值!

整个这个防止默认的事情一直困扰着我，所以我创建了一个JSFiddle 说明了Angular在何时何地阻止了默认。

JSFiddle使用的是Angular的a指令——所以应该是完全一样的。您可以在这里看到源代码:一个标记源代码

我希望这将有助于澄清一些。

我本想把这个文档发布到ngHref上，但因为我的名声，我不能。