在AngularJS中使用不带哈希的ngView指令

Question

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'});
}]);

and my index.html

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

It works great but I am having problem with hashes.

When I try to use an anchor ie:

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

when I click on this anchor it is calling the main page.

Is it possible to get rid of the hashes when we use ng-view?

Answer 1

Ah, because AngularJS reroutes your urls. Try using ng-href,

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

Edit: You can try changing the id of the anchor to the angular url..