角路由器可选参数销毁/初始化组件

Question

我正在使用@angular/路由器

我的路线：

{
        path: '',
        component: MyComponent,
    },
    {
        path: ':id',
        component: MyComponent
    }

}

是否有任何选项可以在没有 destory/init MyComponent 的情况下在两种状态（'', ':id'）之间导航

例如：

网址：空， 拨打ngOnInit()

网址：/some_id, 调用ngOnDestory()、ngOnInit()（销毁/构建MyComponent）

Answer 1

您可以为此使用ActivatedRoute 注入器，如下所示，

export default class MyComponent {
  constructor(
    private route: ActivatedRoute,
    private router: Router) {}

  ngOnInit() {
    this.sub = this.route
    .params
    .subscribe(params => {
        if(params['id']){
            /// perform some opeartion with id
        } else{
            // perform some other opeartion
        }
    });
}