angularjs - $ location哈希前缀

Question

我只是从Angular开始，所以这可能是一个常见的新手错误，但是我正在尝试实现以下url格式:

http://myapp.localhost/index.html#!/about

我认为Angular应该使用哪个默认值？

这是我的配置:

angular.module('App', []).config(function($routeProvider, $locationProvider, VIEWS_ROOT) {
    $locationProvider.html5Mode(false);
    $locationProvider.hashPrefix = '!';

    // Routing
    $routeProvider.when('/', {templateUrl: './welcome.html', controller: 'WelcomeController'});
   $routeProvider.when('/about', {templateUrl: './about.html', controller: 'AboutController'});
})
.run(function($rootScope) {
    //...
});

在我的html中，我有一个简单的 anchor ，如下所示:

<a href="#!/about">About</a>

但是，当我单击该 anchor 时，构造的结果URL为:

http://myapp.localhost/index.html#/!/about

显然，这与我的任何路线都不匹配...在这里实际发生的事情或我做错的事情上有些困惑。我正在虚拟主机下运行本地Apache实例。 mod_rewrite没有任何作用-看来Angular正在这样做。

Answer 1

这是设置hashPrefix的方法，而不是属性。 $locationProvider.hashPrefix('!');