Я пытаюсь перейти к дочернему модулю с параметрами маршрута, мой app.routes выглядит так
import { Routes, RouterModule } from '@angular/router';
const appRoutes: Routes = [
{ path: 'cell', loadChildren: './cell/cell.module#CellModule', pathMatch: 'prefix'}
];
export const appRoutingProviders: any[] = [];
export const routing = RouterModule.forRoot(appRoutes);
мой дочерний компонент (ячейка) имеет следующие маршруты:
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { CellComponent } from './cell.component';
const cellRoutes: Routes = [
{ path: ':id', component: CellComponent, pathMatch: 'full' }
];
export const cellRouting: ModuleWithProviders = RouterModule.forChild(cellRoutes);
а CellComponent
выглядит так:
export class CellComponent implements OnInit {
@Input()
dep: string;
constructor(
private route: ActivatedRoute) { }
ngOnInit() {
this.route.params.forEach((params: Params) => {
this.dep = params['id'];
console.log(this.dep);
});
}
}
Я ожидаю, что смогу вызвать маршрут /cell/2
и получить 2
в своей консоли, однако, если я сделаю этот вызов, я получу сообщение об ошибке:
TypeError: невозможно прочитать свойство «длина» неопределенного
это, кажется, из-за использования неопределенного маршрута, и если я просто вызову /cell
, тогда мой компонент загружается нормально и печатает cell
на консоли. Почему маршрутизатор интерпретирует маршрут как параметр?