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

Thanks for visiting :) Let me know if you have some suggestions or feedback for this post in the comment section. Looking for any tutorial or demo on FreakyJolly, just drop me a message here

1
Leave a Reply

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

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