在AngularJS中鏈接 - $ routeProvider

Question

我有一個$ routeProvider的問題。

我有2個觀點。第一個視圖是用戶列表。第二個，是用戶的個人資料。

在我的第一個觀點，我指定的鏈接：

<a ng-href="#/view2/{{user.login}}">{{user.login}}</a> 

在視圖2的js文件，我指定：

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view2/:user', { 
    templateUrl: 'view2/view2.html', 
    controller: 'View2Ctrl' 
    }); 
}]) 

而現在，每當我試着點擊鏈接，它只是將url更改爲以下內容：

path-to-the-file：/index.html#/view2/blabla其中blabla是user.login

那麼我該如何讓它工作？

謝謝！

Answer 1

使用ngRoute和ui路由器後，我肯定會使用ui路由器進行路由（https://github.com/angular-ui/ui-router）。

ui-router爲日常任務（如鏈接）提供了更廣泛的API。例如，你可以使用自定義指令稱爲UI-SREF：

<a ui-sref="contacts.detail({ id: contact.id })">{{ contact.name }}</a> 

所以你不必來組裝自己的鏈接，框架會爲你。