Data passing through routing in Angular

Question

I want to pass the data through router in Angular 4.

I am passing data from following function

onEdit(event)
{
    console.log(event.data);

            this.router.navigate(['pages/details'],event.data);


}

And I am receiving it like follows:

export class DetailsComponent {
data : any;
 constructor(private route: ActivatedRoute) {

        this.route.params.subscribe(params => {
        this.data = params;
            console.log(params);
        });
        console.log(this.data);
    }
}

But its not giving me the data I have passed. Any help?

score 0 · Accepted Answer · answered Feb 02 '18 at 07:29

0

If you want to pass via queryParams, you can try

this.router.navigate(['pages/details'], { queryParams: event.data });

Second parameter of the navigate method accepts an object of type NavigationExtras.

answered Feb 02 '18 at 07:29

Suren Srapyan

66,568
14
114
112

it worked thnks. – Faisal Amdani Feb 02 '18 at 07:30
1

@FaisalAmdani try when you retrieve it `console.log(params.queryParams);` – Ramesh Rajendran Feb 02 '18 at 07:33
your above ans works for me. – Faisal Amdani Feb 02 '18 at 07:35

Data passing through routing in Angular

1 Answers1