如何在App-Route Angular 2 CLI中放置导航

Question

在Angular CLI的应用程序组件中，我要执行此操作...

<app-navbar></app-navbar>

<router-outlet></router-outlet>

在navbar组件中，我想执行此操作...

this.activatedRoute.url.subscribe((url) => {
  console.log(url[0].path);
});

但是url[0].path始终为空。 我认为这是因为app-navbar无法看到路由，因为它未嵌入路由器出口中。

我很困惑。 我不想只为了进行导航而创建一条新路线（然后将所有内容变成孩子）。 在AngularJS中，我可以添加一个抽象状态，然后在路由器配置的$ stateParams中读取该参数。 但是我该如何使用Angular做到这一点？

Answer 1

这是我要写的（路由器的订阅（我想您已经在构造函数中拥有了））

this.router.events.subscribe((rout) => {
      if (rout instanceof NavigationStart) {
        console.log(rout.url);
      }
    });