Маршрутизация NgModules

Обычным шаблоном для Angular является использование отдельного NgModule для размещения всех ваших маршрутов. Это делается для разделения проблем и полностью необязательно. Angular CLI поддерживает автоматическое создание Routing NgModule при создании нового модуля, передавая флаг —routing:

ng generate module path/to/module/feature --routing 

Случается, что вы создаете автономный NgModule, который определяет ваши маршруты, а затем ваш Feature NgModule импортирует его. Вот что может выглядеть NgModule маршрутизации:

const routes: Routes = [
  { path: '', component: ForumsComponent }
];
 
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class ForumsRoutingModule { }

Затем вы просто импортируете его на свой ForumsModule как здесь:

@NgModule({
  declarations: [
 ForumComponent,
 ForumsComponent,
  ],
  imports: [
 CommonModule,
 FormsModule,
 ForumsRoutingModule,
  ],
  providers: [
 ForumsService
  ]
})
export class ForumsModule { }

Это в значительной степени предпочтение, но это общий шаблон, который вы должны учитывать. По сути, это другой способ, которым NgModules используются для разделения кода.