diff --git a/aio/content/guide/lazy-loading-ngmodules.md b/aio/content/guide/lazy-loading-ngmodules.md
index f1c44dad7e..b4a3761054 100644
--- a/aio/content/guide/lazy-loading-ngmodules.md
+++ b/aio/content/guide/lazy-loading-ngmodules.md
@@ -8,16 +8,15 @@ bundle sizes smaller, which in turn helps decrease load times.
For the final sample app with two lazy-loaded modules that this page describes, see the
.
-There are three main steps to setting up a lazy-loaded feature module:
+There are two main steps to setting up a lazy-loaded feature module:
1. Create the feature module with the CLI, using the `--route` flag.
-1. Create the feature module’s component.
1. Configure the routes.
## Set up an app
If you don’t already have an app, you can follow the steps below to
-create one with the CLI. If you do already have an app, skip to
+create one with the CLI. If you already have an app, skip to
[Configure the routes](#config-routes). Enter the following command
where `customer-app` is the name of your app:
@@ -33,20 +32,20 @@ Navigate into the project by issuing the command `cd customer-app`.
## Create a feature module with routing
Next, you’ll need a feature module with a component to route to.
-To make one, enter the following command in the terminal, where `customers` is the name of the feature module, and `customer-list` is the route path for loading the `customers` component:
+To make one, enter the following command in the terminal, where `customers` is the name of the feature module. The path for loading the `customers` feature modules is also `customers` because it is specified with the `--route` option:
-ng generate module customers --route customer-list --module app.module
+ng generate module customers --route customers --module app.module
-This creates a `customers` folder with the new lazy-loadable module `CustomersModule` defined in the file `customers.module.ts`. The command automatically adds the `CustomerComponent` to the new feature module.
+This creates a `customers` folder with the new lazy-loadable module `CustomersModule` defined in the `customers.module.ts` file. The command automatically declares the `CustomersComponent` inside the new feature module.
-Because the new module is meant to be lazy-loaded, the command does NOT add a reference for the new feature module to the root application's module file, `app.module.ts`.
-Instead, it adds the declared route, `customer-list` to the `Routes` array declared in the module provided as the `--module` option.
+Because the new module is meant to be lazy-loaded, the command does NOT add a reference to the new feature module in the application's root module file, `app.module.ts`.
+Instead, it adds the declared route, `customers` to the `routes` array declared in the module provided as the `--module` option.
const routes: Routes = [
- { path: 'customer-list',
+ { path: 'customers',
loadChildren: () => import('./customers/customers.module').then(m => m.CustomersModule) }
];
@@ -59,17 +58,17 @@ The import path is the relative path to the module.
Use the same command to create a second lazy-loaded feature module with routing, along with its stub component.
-ng generate module orders --route order-list --module app.module
+ng generate module orders --route orders --module app.module
-This creates a new folder called `orders` containing an `OrdersModule` and `OrdersRoutingModule`, along with the new `OrderComponent` source files.
-The `order-list` route is added to the `Routes` array in `app-routing.module.ts`, using the lazy-loading syntax.
+This creates a new folder called `orders` containing the `OrdersModule` and `OrdersRoutingModule`, along with the new `OrdersComponent` source files.
+The `orders` route, specified with the `--route` option, is added to the `routes` array inside the `app-routing.module.ts` file, using the lazy-loading syntax.
const routes: Routes = [
- { path: 'customer-list',
+ { path: 'customers',
loadChildren: () => import('./customers/customers.module').then(m => m.CustomersModule) },
- { path: 'order-list',
+ { path: 'orders',
loadChildren: () => import('./orders/orders.module').then(m => m.OrdersModule) }
];
@@ -90,7 +89,7 @@ To see your app in the browser so far, enter the following command in the termin
ng serve
-Then go to `localhost:4200` where you should see “app works!” and three buttons.
+Then go to `localhost:4200` where you should see “customer-app” and three buttons.