这是一个老帖子，但我花了很长时间研究各种解决方案，所以我想分享一个更简单的解决方案。只是添加target="_self"到<a>标签为我修复了它。该链接工作，并把我带到页面上的适当位置。

然而，Angular仍然在URL中注入了一些奇怪的#，所以在使用这个方法后，你可能会在使用返回按钮导航等方面遇到麻烦。

如果你不喜欢使用ng-click，这里有一个替代解决方案。它使用过滤器根据当前状态生成正确的url。我的例子使用ui.router。

这样做的好处是用户可以在鼠标悬停时看到链接的位置。

<a href="{{ 'my-element-id' | anchor }}">My element</a>

过滤器:

.filter('anchor', ['$state', function($state) {
    return function(id) {
        return '/#' + $state.current.url + '#' + id;
    };
}])

基于@Stoyan，我想出了以下解决方案:

app.run(function($location, $anchorScroll){
    var uri = window.location.href;

    if(uri.length >= 4){

        var parts = uri.split('#!#');
        if(parts.length > 1){
            var anchor = parts[parts.length -1];
            $location.hash(anchor);
            $anchorScroll();
        }
    }
});

您正在寻找$anchorScroll()。

这是(蹩脚的)文档。

这是来源。

基本上你只需要注入它并在控制器中调用它，它就会滚动到$location。hash()中id为的任何元素

app.controller('TestCtrl', function($scope, $location, $anchorScroll) {
   $scope.scrollTo = function(id) {
      $location.hash(id);
      $anchorScroll();
   }
});

<a ng-click="scrollTo('foo')">Foo</a>

<div id="foo">Here you are</div>

这里有一个活塞来演示

EDIT:用于路由

像往常一样设置angular路由，然后添加以下代码。

app.run(function($rootScope, $location, $anchorScroll, $routeParams) {
  //when the route is changed scroll to the proper element.
  $rootScope.$on('$routeChangeSuccess', function(newRoute, oldRoute) {
    $location.hash($routeParams.scrollTo);
    $anchorScroll();  
  });
});

你的链接应该是这样的:

<a href="#/test?scrollTo=foo">Test/Foo</a>

这是一个Plunker演示滚动路由和$anchorScroll

更简单的是:

app.run(function($rootScope, $location, $anchorScroll) {
  //when the route is changed scroll to the proper element.
  $rootScope.$on('$routeChangeSuccess', function(newRoute, oldRoute) {
    if($location.hash()) $anchorScroll();  
  });
});

你的链接应该是这样的:

<a href="#/test#foo">Test/Foo</a>

这是一个老帖子，但我花了很长时间研究各种解决方案，所以我想分享一个更简单的解决方案。只是添加target="_self"到<a>标签为我修复了它。该链接工作，并把我带到页面上的适当位置。

然而，Angular仍然在URL中注入了一些奇怪的#，所以在使用这个方法后，你可能会在使用返回按钮导航等方面遇到麻烦。

上面的方法对我都没用，但我刚试了一下，而且很管用，

<a href="#/#faq-1">Question 1</a>

所以我意识到我需要通知页面从索引页开始，然后使用传统的锚。