Angular: при перезагрузке URL с дочерним маршрутом перезагружается родительский компонент вместо дочернего с правильным URL - PullRequest
Новая
       8

Angular: при перезагрузке URL с дочерним маршрутом перезагружается родительский компонент вместо дочернего с правильным URL

0 голосов
/ 18 апреля 2020

Я чувствую, что это что-то простое, и что у меня нет правильных результатов в маршрутизации. Я построил простой пример.

Моя проблема: когда я перезагружаю страницу по дочернему маршруту, она перезагружает родительский компонент, а не дочерний компонент. Навигация правильная. У меня есть правильные выходы маршрутизатора в каждом из компонентов, и если я щелкаю по своей иерархии, я могу нормально перемещаться, и URL-адрес правильный. Однако, если я перезагружаю страницу с дочерним URL, на котором я работаю, загружается родительский компонент, а не дочерний с ним. Перезагруженный URL является правильным дочерним URL.

Чего мне не хватает? Ниже приведены мои маршруты, определенные в модуле. Я просто не могу понять, почему он не перезагрузил бы правильный компонент, если url и params верны. Спасибо!

** Обновлен модуль маршрутизации приложений, чтобы более соответствовать стандартам 

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { PointListComponent } from './Components/Nav-Components/point-list/point-list.component';
import { CoreDataComponent } from './Components/Nav-Components/Core Data/core-data/core-data.component';
import { ZoneSnapshotComponent } from './Components/Type-Components/Zone/zone-snapshot/zone-snapshot.component';
import { ZoneWrapperComponent } from './Components/Type-Components/Zone/zone-wrapper/zone-wrapper.component';
import { ZoneTransactionsComponent } from './Components/Type-Components/Zone/zone-transactions/zone-transactions.component';


const appRoutes: Routes = [

  { path: 'pointlist', component: PointListComponent, 
    children: [
      { path: 'coredata/:prodPointId', component: CoreDataComponent ,
        children: [       
              { path: 'zonesnapshot', component: ZoneSnapshotComponent}, 
              { path: 'zonedetail', component: ZoneWrapperComponent}, 
              { path: 'zonetrans', component: ZoneTransactionsComponent}, 
              { path: '', redirectTo: 'zonesnapshot', pathMatch: 'full'}       
            ] 
           }       
        ]
      },     
];

@NgModule({
  imports: [RouterModule.forRoot(appRoutes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

1 Ответ

0 голосов
/ 19 апреля 2020

Проблема была связана с css проблемой, которая не позволяла правильно отображать розетку маршрутизатора в дочернем компоненте.

...