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

作者: 如果李白会编程 | 来源:发表于2018-11-19 11:33 被阅读1次

    本文介绍了

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

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

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

    相关文章

      网友评论

        本文标题:Angular 6中 获取URL(Router中path值)

        本文链接:https://www.haomeiwen.com/subject/nnpofqtx.html