How can I send the object and page id while routing without adding it to the url in Angular 2?

I want to send an object and page id from one component to another. I don't want to add this data to the URL. My approach: -

this.router.navigate(['./segment-details'], { queryParams: { pageId: this.pageId, data : JSON.stringify(cardData) } });