在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> 

所以你不必来组装自己的链接，框架会为你。