在頁面加載後轉到錨點

Question

如何做一個完整的頁面渲染，然後轉到錨點標記？ 我正在做一個郵件鏈接，將鏈接到直接頁面，然後它將需要下降到特定的ID。 Iam通過Angular獲得ID，所以我需要在頁面嘗試去錨點之前加載頁面。

id="{{idtoanchor}}" 

什麼香港專業教育學院有角的嘗試：

app.controller('MainController', function ($scope, $http, $q, $anchorScroll, $location, $timeout) 

首先嚐試：

$timeout(function() { 
    var currentURL = (document.URL); 
    var result = /[^/]*$/.exec(currentURL)[0]; 
    $anchorScroll('#'+'result'); 
    }); 

二：

$timeout(function() { 
    $location.hash('id'); 
    $anchorScroll(); 
    }); 

三的建議回答：

this.$onInit = function() { 
    var currentURL = (document.URL); 
    var result = /[^/]*$/.exec(currentURL)[0]; 
    location.hash = "#" + result; 
     }; 

我似乎無法得到任何這些工作 即使我打電話$超時，它會在ng-repeat完成加載之前觸發。

Answer 1

$ timeout不是一個可靠的解決方案。在角DOM中，在獲取所需的數據之後呈現（承諾返回，確保角度從API獲取數據）。因此，在DOM呈現後運行一些代碼，您需要使用角度可用的Lifecycle Hooks。例如：

function MyCmpController($element) { 
    var clickHandler = function() { 
     // do something 
    }; 
    this.$onInit = function() { 
     $element.on('click', clickHandler); 
     //or whatever your logic is. 
    }; 
}