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

Question

在我的Angular CLI中的app组件中，我想这样做......

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