检测所有Angular2组件中的路径更改

时间:2016-10-14 09:34:37

标签: angular router

我知道如何检测每个组件中的路由更改,因此我必须在每个组件中添加相同的代码才能获得此更改

但我的目的是以一般方式检测路线变化,是否有可能这样做?

1 个答案:

答案 0 :(得分:2)

您需要将路由检测逻辑放在顶部组件中,该组件具有最顶层/第一个<router-outlet>

在我的情况下,这将是AppComponent

html的

<router-outlet></router-outlet>

.TS

export class AppComponent {

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