gehen Sie nach dem Laden der Seite zu verankern

Question

Wie würde man die gesamte Seite rendern und dann zum Anker-Tag gehen? Ich mache einen Link in einer E-Mail, die Sie mit der direkten Seite verbindet, und dann muss es auf die spezifische ID gehen. Ich bekomme die ID über Angular, also muss ich die Seite laden, bevor sie versucht, zum Anker zu gehen.

id="{{idtoanchor}}" 

was ive versucht, mit Winkel:

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

Erster Versuch:

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

Zweitens:

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

Dritten wie in Antwort vorgeschlagen:

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

Ich kann nicht scheinen, von diesen zu arbeiten Selbst wenn ich das $ timeout anrufe, feuert es, bevor die ng-Wiederholung getan wird, lade.

Answer 1

$ Timeout ist keine zuverlässige Lösung. In eckigen DOM wird gerendert, nachdem die erforderlichen Daten abgerufen werden (eine Zusage wird zurückgegeben, die sicherstellt, dass angular die Daten von der API erhält). Um Code nach dem Rendern des DOMs auszuführen, müssen Sie die verfügbaren Lifecycle-Hooks in angular verwenden. Zum Beispiel:

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