Pass Data between Components in Angular 6 Example Application

Continuing from my previous post has an example of filter pipe usage in Angular 5 application. Here we will upgrade that simple filter app to level next. I have upgraded this application to Angular v6, worked basically on two important methods using which we can pass data between Angular components.

Data communication methods used in this example are:

1) Use of @Input Decorator as a template parameter.
2) Using common service data.service.ts, having common functions used on two different Routes.

You can see the working demo here. just click on a link below to move to the next Route to see selected games. We are using @input Decorator in selected Games listing and Service to get the selected game to next page/ view.

Find complete source code on GitHub here

Leave a Reply

Your email address will not be published. Required fields are marked *