MEAN Cookbook

How to do it...

Let’s take a look at the following code to create module with sibling routes:

1. First, we will generate a new module for controlling our sibling routes. This will be useful in future chapters of this book for isolating the routing control for our blog posts:

ng generate module posts

2. Instead of defining our related route as a child of "posts", we will define it at the same level. To distinguish the route for Angular we will provide the :id dynamic segment:

...@NgModule({  imports: [    ...    RouterModule.forRoot([{      path: "posts",      component: PostsComponent    }, {      path: "posts/:id",      component: PostComponent    }])    ...})export class PostsModule { }

3. Now when Angular resolves the route, if it doesn't have any dynamic segments it will be ...