首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 2,如何显示当前路由名称?(路由器3.0.0-beta.1)

在Angular 2中,要显示当前路由名称,可以使用ActivatedRoute服务来获取当前激活的路由信息。以下是一种实现方式:

  1. 首先,在组件的构造函数中注入ActivatedRoute服务:
代码语言:typescript
复制
import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) { }
  1. 然后,在组件的ngOnInit生命周期钩子函数中获取当前路由名称:
代码语言:typescript
复制
ngOnInit() {
  this.route.url.subscribe(urlSegments => {
    const currentRoute = urlSegments[0].path;
    console.log('当前路由名称:', currentRoute);
  });
}

在上述代码中,我们通过订阅route.url可观察对象来获取URL片段数组。由于我们只关心当前路由的名称,因此我们可以通过urlSegments[0].path来获取当前路由名称。

这样,当路由发生变化时,console.log语句将打印出当前路由的名称。

对于腾讯云相关产品和产品介绍链接地址,由于要求不提及具体品牌商,我无法提供相关链接。但你可以通过访问腾讯云官方网站,搜索相关产品来获取更多信息。

请注意,以上代码是基于Angular 2中的路由器版本3.0.0-beta.1的。如果你使用的是其他版本的Angular或路由器,请参考相应版本的文档进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券