TypeScript 2.x By Example

Routing in the Board component

To be able to use routing we need to import the Route module from angular/router, and that's what we do as the first step in our new component:

import { Params, ActivatedRoute } from '@angular/router';

Once we have imported the modules, the next step is to refer them in our constructor so that Angular takes care of passing the reference to the router:

constructor(private _route: ActivatedRoute, private_trelloService: TrelloService) { }

We have another parameter in our constructor for referencing TrelloService.  We will discuss its purpose in the next section.

As we discussed in the previous section about the Angular life cycle hooks, here also we will use the init method to initialize the data for our board ...