Continuing from my previous post has an example of filter pipe usage in Angular application. Here we will upgrade that simple filter app to level next. I have upgraded this application to Angular v9, worked basically on two important methods using which we can pass data between Angular components.
This Angular post is compatible with Angular 4 upto latest versions, Angular 7, Angular 8, Angular 9, Angular 10, Angular 11, Angular 12 and Angular 13
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