如何为同一路由链路召回角4中的组件控制器？

Question

我有两个路由链接：

/article/1
/article/2

这些链接与相同的组成部分相关：

{path: 'article/:id', component: HomeComponent}

当组件被初始化时，在单击over /article/2之后，它不会再次初始化该组件。

怎么修？

是：

 <div (click)="setCurrentRole(role)" *ngFor="let item of menuService.getMenuItems(role)"><a
                [routerLink]="[item.url]" (click)="setActiveLink(i, item.url)" [routerLinkActive]="['is-active']">{{item.title
                | translate}}</a></div>

Answer 1

要重新加载组件：

在组件中，在init挂钩上，订阅路由事件，并将init代码移动到函数中。

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.params.subscribe(params => {
    console.log(params['id']);
    this.doOnInit();
  });
}

doOnInit() {
  // your old code here
}

订阅路由器事件：

constructor(private router: Router) {}

ngOnInit() {
  this.router.events.subscribe(events => {
    // Several routing events, take only the last one
    if (events instanceof NavigationEnd || events.constructor.name === NavigationEnd.name) {
      console.log(params['id']);
      this.doOnInit();
    }
  });
}

doOnInit() {
  // your old code here
}

Answer 2

您只对您在url中更改的id感兴趣，然后您可以这样做。

    id: number;

  constructor(private route: ActivatedRoute){}

  ngOnInit() {
    this.id = +this.route.snapshot.params['id'];
    this.route.params.subscribe(
      params => {
        /// this method will called if you navigate to different id
        this.id = +params['id'];
      }
    )
  }