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中，我有一个简单的锚点：

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

但是，当我点击该锚时，构造的结果URL是：

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

这显然无法匹配我的任何路线......有点难以理解这里发生的事情，或者我做错了什么。我在vhost下运行我的本地Apache实例。 mod_rewrite没有任何进展 - 所以看起来Angular正在这样做。

Answer 1

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

$ location哈希前缀

1 个答案: