在angularjs中使用没有哈希的ngView指令

时间:2013-03-23 01:58:41

标签: javascript angularjs

AngularJS Part:

myApp.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider) {
    $routeProvider.
    when('/main', {templateUrl: 'sub/main.tpl', controller: MainCtrl}).
    when('/users', {templateUrl: 'sub/users.tpl', controller: UserCtrl}).
    otherwise({redirectTo: '/main'});
}]);

和我的index.html

<a href="#/main">Main</a> | <a href="#/users">Display Users</a>
<div ng-view></div>

效果很好,但我遇到哈希问题。

当我尝试使用锚时:

<a href="#test">test</a>

当我点击这个锚时,它正在调用主页面。

当我们使用ng-view时,是否可以摆脱哈希?

1 个答案:

答案 0 :(得分:0)

啊,因为AngularJS重新路由你的网址。 尝试使用ng-href,

<a ng-href="#test">test</a>

编辑:您可以尝试将锚点的ID更改为angular url ..