导航到子路线,而无需重新加载父路线(组件)

时间:2018-08-14 21:49:31

标签: javascript html angular router

让我们说当前路线为:

http://localhost:4200/job/1/overview

当用户导航到其他子路线时,说出候选人

http://localhost:4200/job/1/candidates

我只希望将最新的细分受众群概述更改为候选项,而不必再次重新加载父路线(父组件再次重​​新加载,并且速度较慢,并且需要重新执行整个过程)。

工作模块路线

>>>

我要更改路线的功能:

const routes: Routes = [
  {
    path: ':id',
    children: [
      {
        path: '',
        redirectTo: 'overview',
        pathMatch: 'full'
      },
      {
        path: 'overview',
        component: JobOverviewComponent
      },
      {
        path: 'candidates',
        component: CandidatesComponent,
      }
    ]
  }
];

尝试了导航方法来调用../value和其他方法,但是什么也没有。

编辑

组件html

navigate(value) {
  this.route.navigate(['/job/' + this.selectedJobId + value]);
}

在应用程序侧边栏组件中,我正在调用此导航功能以导航到其他子路线。但这是html组件,我在其中显示作业模块的路线(当然还有作业模块的子级)。

已经发现类似的问题:

Will Angular 2 child routes refresh the parent route

但仍然对我不起作用。

0 个答案:

没有答案