Açısal - nasıl bir sayfadan diğerine bağlantı ve bir

Question

kullanmadan iyonik bir bağlantıya kaydırmak için bir iyonic app geliştiriyorum. Ana sayfamda makalelerin bir listesi var ve her makalede, makale sayfasındaki yorum bölümüne bağlantı olarak sunulması gereken bir yorum simgesi var.

Makale sayfasındaki yorum bölümünde bir bağlantıya gitmek için bu ön sayfadan nasıl bağlantı kurabilirim?

Güncelleme

# sonra Açısal kullanımları "URL'ler", bu kimliğe göre bir çapa bağlantı vermek çalışmaz beri, bu cevap önerildi, bu yüzden yapmak için başka yol arıyorum o. Birkaç çözüm denedim ancak aşağıdakilerden hiçbiri işe yaramadı.

Bazen, üst ofset için doğru bir değer elde ediyorum, ancak başka bir makale sayfasına geçtiğimde, değer aynı kalır.

Madde listesi Görünüm:

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

Madde Görünüm:

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

Denetleyici:

$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); 
    }) 
    }; 

Ben de denedim

Bu

yaptım kodudur bu, buna dayanarak article ama hala şans:

Denetleyici:

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

Görünüm: Yorumunuz bölüm kimliğine sahipse

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

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

Answer 1

ise (örn. id = "Yeni-comment"), sonra ön sayfadan, şunları deneyebilirsiniz:

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

Ve denetleyicisi: Ben sadece test

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