/Javascript/AngularJS/Angular : pass data to component loaded via route

Angular : pass data to component loaded via route

import {ActivatedRoute, Data} from "@angular/router";

const routes: Routes = [
	{path: 'developer', component: EmployeeComponent, data: {emp_type: 'developer'}},
    {path: 'tester', component: EmployeeComponent, data: {emp_type: 'tester'}},
    {path: 'analyst', component: EmployeeComponent, data: {emp_type: 'analyst'}}
];

class EmployeeComponent {
	constructor(private route: ActivatedRoute) {}

    ngOnInit() {
      this.data_subscription = this.route
        .data
        .subscribe(data: Data => 
          console.log('Employee type passed via route is ' + data.emp_type)
        );
    }

    ngOnDestroy() {
      this.data_subscription.unsubscribe();
    }
}

Source: stackoverflow.com

Similar codes

0 vote130 views1 answer
Extension for local storage in angular 8
Javascript AngularJS
0 vote118 views4 answers
Angular file upload app with django
Javascript AngularJS
1 vote129 views1 answer
Two way bind angular divide
Javascript AngularJS
8 votes117 views3 answers
Angular [routerlink]
Javascript AngularJS
0 vote134 views1 answer
How to generate angular component with scss
Javascript AngularJS
0 vote117 views1 answer
How to convert base64 to webp in angular
Javascript AngularJS
4 votes138 views2 answers
Add jquery angular
Javascript AngularJS
6 votes115 views4 answers
Angular bootstrap not working
Javascript AngularJS
0 vote126 views5 answers
Using fb login with angular app
Javascript AngularJS
0 vote115 views2 answers
How to auto click webpage in angular
Javascript AngularJS