angularjs 錨點操作服務 $anchorScroll

在普通的html網頁中，我們可以通過在url後邊新增  #elementid 的方式，將頁面顯示定位到某個元素，也就是錨點。

但是在angularjs應用的網頁中，頁面路由的寫法是 #route/route   錨點的寫法會被當做一個頁面路由解析過去，達不到定位的目的。

angular提供一個$anchorScroll  用來做錨點的功能。

用法如下：

 

$scope.goto = function (id) {
                    $location.hash(id);
                    $anchorScroll();
                }

　　

進入頁面時或者觸發某操作時呼叫 goto('id') 即可