Angular2 路由器 : add hashtag to url

Question

我正在使用 Angular2 Seed 应用程序，您可以在 official repo 中找到它.如您所见，我们在这里导入了 angular2/router，我们正在使用它来创建应用程序的基本路由。

import {Component, ViewEncapsulation} from 'angular2/angular2';
import {
  RouteConfig,
  ROUTER_DIRECTIVES
} from 'angular2/router';
...
@RouteConfig([
  { path: '/', component: HomeCmp, as: 'Home' },
  { path: '/about', component: AboutCmp, as: 'About' }
])
export class AppCmp {}

我的问题是:如何配置路由器以在我的 url 中添加主题标签，使其看起来像:localhost:5555/#/about。有什么漂亮又简单的方法吗？ (与之前的 $locationProvider 一样)

我知道这很奇怪，但我曾经喜欢 url 中的这个标签，我的 apache-config 也曾经喜欢它。当然，我可以非常简单和正确地更改我的 httpd.conf 文件，但我真的想弄清楚如何使用 Angular2 路由器简单地添加主题标签。

Answer 1

在你的应用程序启动文件中，你需要在调用bootstrap时提供locationstrategy，

import {LocationStrategy, HashLocationStrategy} from 'angular2/router';

class MyDemoApp {
    //your code
}

bootstrap(MyDemoApp,[provide(LocationStrategy, {useClass: HashLocationStrategy})]);