MEAN Cookbook

How to do it...

To add a child route to our router module, we will need to update its route configuration:

1. First, we must define children routes using the children property in the route configuration:

RouterModule.forRoot([    ...    {      path: "posts",      component: PostsComponent,      children: [{        path: ":id",        component: PostComponent      }]    }    ...])

2. Once we have set up our child route, we can retrieve our ID parameter in our new PostComponent.ts using the ActivatedRoute class from the Angular router:

import { Component, OnInit } from '@angular/core';import {ActivatedRoute} from "@angular/router";@Component({  selector: 'app-post',  templateUrl: './post.component.html',  styleUrls: ['./post.component.css']})export class PostComponent implements OnInit {