title: How to get object in queryparams using Typescript?
body: <p>In a button click i have function as,</p>
  
  <pre><code>  inviewMockupEvent(data) {
      console.log(data);
      this.router.navigate(['/page-mockup'], { queryParams: { data: data },  skipLocationChange: true });
    }
  console.log(data) give the result as {mockup_id: "123", project_id: "456", module_id: "678", release_id: "890", requirement_id: "432", …}
  </code></pre>
  
  <p>In navigated component i am getting the data as follows,</p>
  
  <pre><code>  ngOnInit() {
      this.activatedRoute.queryParams.subscribe(params =&gt; {
        let data = params['data'];
        console.log(data);
        console.log(JSON.stringify(data));
      });
  </code></pre>
  
  <p>Where,</p>
  
  <pre><code>console.log(data) gives output as [object Object]
  console.log(JSON.stringify(data)) gives output as "[object Object]"
  </code></pre>
  
  <p>And also,</p>
  
  <pre><code>console.log(data.mockup_id) gives result undefined
  </code></pre>
  
  <p>Here i need to retrieve the object values, but unable to get it.
  Kindly help me to retrieve the data through query params and fetch using typescript <code>ngOnit</code> without using html.</p>