角度アンカースクロール無し

Question

私は非常に単純なscrollToを角度1.xで使用しようとしています。私はnaviagationメニューリンクをクリックするとdiv＃idにスクロールする必要があります。私はこれを「約束」で動かすことしかできない。

例えば

、この作品：

<li><a href="#" ng-click="tracking()">Go to Tracking</a></li> 


$scope.tracking = function() { // go to tracking when header button is clicked 
     $http.get('/includes/modules/get_home_destinations.php') 
     .then(function(reply){ 
      if (reply.data) { 
       $scope.destinations = reply.data; 
       $location.hash('home-tracking'); 
      }   
     }); 
    }; 

しかし、これは応答しません：

$scope.tracking = function() { // go to tracking when header button is clicked 
    $location.hash('home-tracking'); 
}; 

それは約束が必要とされているかのようだが、これはなくて、単純なクリックで動作させるために約束？コントローラファイル内のHTMLファイル内

<div id="home-tracking"> 
    <h1>Home Traking Content</h1> 
</div> 

<a ng-click="tracking()">Go to Tracking</a> 

angular.module('trackingApp').controller('TrackingCtrl', function($location, $anchorScroll) { 
    $scope.tracking = function() { 
      $location.hash('home-tracking'); 
      $anchorScroll(); 
    } 
}) 

Answer 1

これが原因としてのhref = "＃" である：

Answer 2

このコード以下ホープは有用であろう私は推測する。第1に、hrefはページを "＃"にリダイレクトするので、約束は時間遅延とともに実行され、ページを目的の場所にリダイレクトします。しかし約束がなければ、時間の遅れはなく、コードはすぐに実行され、hrefはページを '＃'にリダイレクトし、そこに貼り付けられます。