Angular 6中 获取URL

本文介绍了

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,886评论 18 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,947评论 6 342
  • 妈妈: 您好! 您最近的身体还好吗?天气凉啦,你要多注意,多穿点衣服。你那工作好吗?您吃的...
    杨皓宇yang阅读 185评论 0 0
  • 不知道你有没有这样的情感经历,在谈恋爱到一个不稳定期的时候,你们都会想过,如果分手了, 你们会用什么方式...
    double_小姐阅读 272评论 3 2
  • 今天,闺蜜突然给我发消息,说昨天的七夕,她哭了一晚,并配上了几张她和她男朋友的聊天截图,一年多的感情,就那样结束了...
    亲一亲太阳阅读 382评论 6 4