Angular2 获取当前路径的别名

Question

我能够使用 location.path() 获取当前路线的路径，例如:/about、/、/news。但是我怎样才能得到它的别名(路由定义中的“as”部分)？

{ path: '/about', as: 'About', component: About }

这可能吗？

Answer 1

注意:以下内容已经过 2.0 beta 系列测试。 RC 版本具有更新的路由器组件，其中包含重大更改。旧的已重命名为 router-deprecated。这尚未针对新路由器进行测试。

以下将根据您的事件路线打印 Foo 或 Bar。

@Component({
    selector: 'app',
    templateUrl: 'app/app.html',
    directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
  {path:'/', name: 'Foo', component: FooComponent, useAsDefault: true},
  {path:'/bar', name: 'Bar', component: BarComponent, useAsDefault: false},
])
export class AppComponent implements OnInit {
    constructor(private _router: Router) {
    }

    ngOnInit() {
        console.log('current route name', 
                    this._router.currentInstruction.component.routeName);
    }
}