AngularJS Navbar UI-Router

Question

我目前正在創建一個angularjs應用程序，並且遇到了我的路由問題。我使用的是UI-Router，當點擊我的不同路線時，頁面會刷新視圖的位置，而不是導航欄位於視圖外的位置。

有誰知道如何解決這個問題？當點擊路線時，我真的很喜歡該網站從頁面頂部開始。

這裏是我的路線代碼：

.config(function($stateProvider, $urlRouterProvider) { 
$urlRouterProvider.otherwise('/home'); 
$stateProvider 
    .state('home', { 
     url: '/home', 
     templateUrl : 'views/home.html' 
    }) 
    .state('work', { 
     url: '/work', 
     templateUrl : 'views/work.html', 
     controller: 'workCtrl' 
    }) 
    .state('about', { 
     url: '/about', 
     templateUrl : 'views/about.html' 
    }) 
    .state('solution', { 
     url: '/solution', 
     templateUrl : 'views/solution.html' 
    }) 
    .state('contact', { 
     url: '/contact', 
     templateUrl : 'views/contact.html', 
     controller: 'contactCtrl' 
    }) 
    .state('case_study', { 
     url: '/case_study', 
     templateUrl : 'views/case_study.html' 
    }) 
    }); 

我的索引文件：

<div ng-include src="'views/global/navbar.html'"></div> 

     <div ui-view></div> 

<!-- FOOTER --> 
<div ng-include src="'views/global/footer.html'"></div> 

Answer 1

也許你正在使用的用戶界面 - 路由器0.2.8（或上）。如果您檢查release notes，您會發現：

一個非常需要的功能：autoscroll屬性。這爲uiView添加了autoscroll =「expr」屬性，就像ngInclude一樣。它還用一個定製的 提供程序替換了uiView中的$ anchorScroll調用，該提供程序將附加到uiView的元素滾動到當前視圖中。這應該允許設計者通過滾動自動滾動到激活uiView而不需要操作錨點來進行微調。調用$ uiViewScrollProvider.useAnchorScroll（）將恢復當前 行爲或調用$ anchorScroll代替