Angular導航到頁面上的特定選項卡

Question

我想使用類似/＃/ invoices/1？tab = 2的鏈接導航到單頁應用程序的頁面。此頁面包含標籤，所以我也想直接通過網址將用戶發送到我希望的標籤。

你能提供一些關於如何以最清潔的方式實現這一點的指針嗎？

Answer 1

使用$anchorScroll方法，傳遞一個類名稱就可以直接進入該元素。

Answer 2

只是對上述答案的更新。

自定義指令幾個例子

http://nadeemkhedr.com/angularjs-scroll-to-element-using-directives/

angular.module('MyApp').directive('scrollToBookmark', function() { 
    return { 
    link: function(scope, element, attrs) { 
     var value = attrs.scrollToBookmark; 
     element.click(function() { 
     scope.$apply(function() { 
      var selector = "[scroll-bookmark='"+ value +"']"; 
      var element = $(selector); 
      if(element.length) { 
      window.scrollTo(0, element[0].offsetTop – 100); 
      // Don’t want the top to be the exact element, -100 will go to the top for a little bit more 
      } 
     }); 
     }); 
    } 
    }; 
});