Angolare - come collegare da una pagina a un'altra pagina e scorrere fino a un'ancora in ionico senza utilizzare ID

Question

Sto sviluppando un'app ionica. Che ha un elenco di articoli sulla mia home page, e ogni articolo ha un'icona di commento che dovrebbe fungere da collegamento alla sezione dei commenti nella pagina dell'articolo.

Come posso collegarmi da quella prima pagina per andare ad un ancoraggio nella sezione commenti nella pagina dell'articolo?

Aggiornato

Dal usi angolare "URL" dopo la #, non lavoreranno per creare un collegamento a un ancoraggio da id, che è stato suggerito nella risposta, quindi non vedo per un altro modo di fare esso. Ho provato diverse soluzioni ma nessuna delle seguenti soluzioni non ha funzionato.

Qui, a volte viene visualizzato un valore corretto per l'offset superiore, ma quando si passa a un'altra pagina dell'articolo, il valore rimane lo stesso.

Questo è il codice che ho fatto: lista

articolo Vista:

<a ng-click="commentLink({{article.id}})"> 
       <img class="social-images" src="icons/comment.svg"/> {{ article.comments.length }} 
      </a> 

articolo Vista:

<a name="comments-section"></a> 

Controller:

$scope.commentLink = function(articleId) { 
    return $state.go('main.article', {id: articleId}).then(function(state) { 
     var position = $ionicPosition.offset(angular.element(document.getElementsByName('comments-section'))); 
     console.log(position.top); 
     $ionicScrollDelegate.scrollTo(position.left, position.top); 
    }) 
    }; 

Ho anche provato questo, basato su questo article, ma ancora senza fortuna:

Controller:

$location.hash('comments-section'); 
    var handle = $ionicScrollDelegate.$getByHandle('articleDelegate'); 
    handle.anchorScroll(true); 

Vista:

<ion-content delegate-handle="articleDelegate"> 

<a id="comments-section"></a> 

Answer 1

Se la sezione di commento ha un id (ad es. id = "new-comment"), quindi dalla prima pagina, si può provare:

<a ng-click="goToComment()">...</a> 

E nel controllore:

$scope.goToComment = function() { 
    return $state.go('whatever the comment state is',   {param:param}).then(function(state) { 
    $location.hash('new-comment'); 
    $ionicScrollDelegate.anchorScroll(true) 
    }) 
}