title: How to navigate to a component with input by Angular code
body: <p>I have a component that receives input by activating from another component I need to navigate from one component to another by code and send in the navigation the input value.
  How do you do that?</p>
  <p>I know how to navigate from one component to another but I do not know how to send it the input value.
  I would appreciate your assistance!
  Thanks.</p>
  <p>this my 1 component:</p>
  <pre><code> export class HostPersonalAreaComponent implements OnInit {
  
    constructor() { }
    panelOpenState = false;
    @Input() suggestion: Suggestion;
  
    ngOnInit() {
    console.log(this.suggestion);
     }
  }
  </code></pre>
  <p>This is the code that navigates to the component written above:</p>
  <blockquote>
  <pre><code>    this.router.navigate(['/host-personal-area']);
  </code></pre>
  </blockquote>
  <p>The problem is that I did not send the input value. Does anyone know how to send?</p>