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

Question

AngularJS 部分:

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>

它工作得很好，但我在哈希方面遇到了问题。

当我尝试使用 anchor 时，即:

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

当我点击这个 anchor 时，它正在调用主页。

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

Answer 1

啊，因为 AngularJS 会重新路由你的 URL。尝试使用 ng-href，

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

编辑:您可以尝试将 anchor 的 id 更改为 Angular url..