在Angular 2中,要显示当前路由名称,可以使用ActivatedRoute服务来获取当前激活的路由信息。以下是一种实现方式:
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
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或路由器,请参考相应版本的文档进行调整。
领取专属 10元无门槛券
手把手带您无忧上云