title: Angular Passing Data Between Routes
body: <p>I have a little problem using routes in angular 4. You know, when I am trying to pass data from a component to another using <code>navigate('root', data)</code>, I just received <code>[object Object],[object Object],[object Object]</code>.</p>
  
  <p><strong>Component</strong></p>
  
  <pre><code>export class FillRequestComponent implements OnInit {
  
    constructor(private route: Router, private dataRoute: ActivatedRoute) { }
  
    ngOnInit() {
      const key: Products = this.dataRoute.snapshot.params['objectProducts'];
      console.log(key);
    }
  </code></pre>
  
  <p><strong>Interface</strong></p>
  
  <pre><code>export interface Products {
  
    color: string,
    question: string,
    surname: string,
    icon: string,
    selected: boolean,
    transparent: boolean
  }
  </code></pre>
  
  <p><strong>Send Method</strong></p>
  
  <pre><code>const data = {
        category: this.optionSelected,
        objectProducts: this.optionSelected === 'CREDIT' ? this.productCreditList :
          this.productAccountsList
      };
  
      this.route.navigate(['/requests/fill', data]);
  </code></pre>