Привет, меня зовут Infanty, мой профиль в LinkedIn.
Я пишу how-to статьи на редкие темы или статьи обзоры - для себя и тех кто со мной работает.

Создадим модуль с одним компонентом для страницы товаров, используя Angular CLI:

ng generate module modules/products
ng generate component modules/products/components/details --module modules/products

Активируем "ленивую" загрузку модуля и его компонента при посещении URL (роута) вида: "/product/238547". Для этого изменим содержимое файла /src/app/app-routing.module.ts:

import { NgModule } from "@angular/core";
import { Routes, RouterModule } from "@angular/router";

const routes: Routes = [
  // Роут главной страницы сайта (описан в предшествующей статье).
  { path: "", loadChildren: "./modules/home/home.module#homeModule" },
  // Роут страницы конкретного товара.
  {
    path: "product/:id",
    loadChildren: "./modules/products/products.module#productsModule"
  }
];

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