检测所有Angular2组件中的路由变化

Question

我知道如何检测每个组件中的路由更改，所以我必须将相同的代码放在每个组件中以获得此更改

但我的目的是检测路由变化的一般方式，有可能做到这一点吗?

Answer 1

你需要把你的路由检测逻辑放在顶层组件中，它有最顶层/第一个<router-outlet>。

在我的例子中是AppComponent

. html

<router-outlet></router-outlet>

.ts

export class AppComponent {
   constructor(
       private router: Router
   ) { 
       router.events.subscribe(event => console.log(event));
   }
}