Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 刷新后命名路由器出口未呈现相同组件_Angular - Fatal编程技术网

Angular 刷新后命名路由器出口未呈现相同组件

Angular 刷新后命名路由器出口未呈现相同组件,angular,Angular,我在angular 7中使用命名路由器插座,相应的组件正在渲染,请参见下面的代码 this.router.navigate(['./globalassetmanager/main/assets/assetfamilies'], { queryParamsHandling: "merge" }).then((value) => { if (value) { this.router.navigate(['./globalassetmanag

我在angular 7中使用命名路由器插座,相应的组件正在渲染,请参见下面的代码

 this.router.navigate(['./globalassetmanager/main/assets/assetfamilies'], { queryParamsHandling: "merge" }).then((value) => {
            if (value) {
              this.router.navigate(['./globalassetmanager/main/assets/assetfamilies'],
                { queryParams: { page: "types", id: this.params.id, name: this.params.name, assetid: data } });
            }
          });
但是当我刷新组件时,组件没有正确渲染。我的意思是其他一些组件正在渲染。 请让我知道如何解决它

请参阅下面的routing.ts文件

  const routes: Routes = [
  { path: '', redirectTo: 'side', pathMatch: 'prefix', outlet: 'innersidemenu', },
  { path: '', redirectTo: 'main', pathMatch: 'prefix', },
  {
    path: 'main', component: GlobalAssetManagementComponent,
    children: [
      { path: '', redirectTo: 'assets', pathMatch: 'full' },
      {
        path: 'assets',
        component: GlobalAssetManagementPageContentComponent,
        children: [
          { path: '', redirectTo: 'views', pathMatch: 'prefix', },
          { path: 'views', component: GlobalAssetViewsComponent},
          { path: 'assetfamilies', component: AssetFamiliesComponent},
        ]
      },
    ]
  },


  {
    path: 'side', component: GlobalAssetManagementSidemenuComponent, outlet: 'innersidemenu',
    children: [
      // { path: '', outlet: 'cntsidemenu', component: AssetManagementComponent },
      // { path: '', component: AssetManagementComponent },
      { path: '', redirectTo: 'assets', pathMatch: 'prefix', },
      { path: 'assets', component: GlobalAssetManagementSidemenuComponent },
      // { path: 'families', component: AssetFamiliesSidemenuComponent}
    ]
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class GlobalAssetManagementRoutingModule { }
以下是最初的路线

http://localhost:4200/blm/globalassetmanager/(main/assets/views//innersidemenu:side/assets)?page=libraries&id=118&name=Test%20Library
下面是第二条路线(使用事件导航到下面的路线)

如果我刷新上面的路径,则更新如下

http://localhost:4200/blm/globalassetmanager/(main/assets/assetfamilies//innersidemenu:side/assets)?page=libraries&id=118&name=Test%20Library

您正在两个位置使用
innersidemenu
outlet路由。无法理解您需要指定要进行导航的所有出口,包括主出口。
http://localhost:4200/blm/globalassetmanager/(main/assets/assetfamilies//innersidemenu:side/assets)?page=libraries&id=118&name=Test%20Library