Angular 7/6 | Pass Data between Components 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

1 Comment threads
0 Thread replies
Most reacted comment
Hottest comment thread
1 Comment authors
dhanunjaya Recent comment authors
newest oldest most voted
Notify of

i want to create two radio buttons on click one radio button show one data another click show another data in angular please help me