Angular 6中 获取URL(Router中path值)

本文介绍了

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));
}
}

哪里有不明确或者错误，欢迎给我留言！

我相信路飞最后一定会和女帝在一起的