Ui路由器在状态中访问状态的问题

Question

我有一个带有类部分的主页。我有一个带有类链接的导航栏。如果您在页面上，单击该链接应向下滚动到类部分。如果您在另一个页面上，单击该链接会使您回到主页，然后滚动到“类”部分。 我与我处理我的状态的方式有问题 - 现在，如果我在另一个页面上，我的OnEnter功能块通过说不能'读取未定义的属性'顶部'。这就是说，我可能会正确地写我的国家。

$stateProvider 
.state('home', { 
    url : '/', 
    templateUrl:'components/home/home.html', 
    controller: 'HomeCtrl' 
}) 
.state('classes', { 
    url: '/', 
    templateUrl:'components/home/home.html', 
    controller: 'HomeCtrl', 
    onEnter: function() { 
     $('html, body').animate({ 
      scrollTop: $("#classes").offset().top 
     }, 1000); 
    } 
}) 

Answer 1

发生这种情况是因为当您进入状态时，视图（HTML）可能尚未加载并添加到DOM。您可以通过viewContentLoaded事件解决问题。请参阅：

https://github.com/angular-ui/ui-router/wiki#view-load-events

我想你也可以使用UI的路由器自身autoscroll指令来达到同样的效果：https://github.com/angular-ui/ui-router/wiki/Quick-Reference#autoscroll