本文介绍了
1. 获取url以及route里面的对象
在用户使用应用程序时,Angular 的路由器能让用户从一个视图导航到另一个视图。但是当你想要获取url里面的一些值呢?下面是几个方法获取Route对象。
路由器会构建出一个 ActivatedRoute组成的树,它表示路由器的当前状态。 你可以在应用中的任何地方用 Router服务及其 routerState 属性来访问当前的 RouterState 值。
export class CompanyComponent implements OnInit {
constructor(private route: ActivatedRoute) {}
ngOnInit() {
// Get Parent Path: about 获取父级path值
/*[UrlSegment]
0: UrlSegment
parameterMap: (...)
parameters: {}
path: "xxxx"
__proto__: Object
length: 1
__proto__: Array(0)
*/
this.route.parent.url.subscribe(url => console.log(url[0].path));
// Get Current Path: company 同理
this.route.url.subscribe(url => console.log(url[0].path));
// Route Data: { title: 'Company' }
this.route.data.subscribe(data => console.log(data));
}
}