如何将导航放入App-Route Angular 2 CLI中

Question

在Angular CLI的应用程序组件中，我想这样做...

<app-navbar></app-navbar>

<router-outlet></router-outlet>

在导航栏组件中，我想这样做...

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