title: One way data binding with angular routing
body: <p>I need to route to my component and bind data in @Input.<br>
  I have a router link and i use it in different places to navigate to my component. And i need to pass different data when i route to my component from different places</p>
  
  <p>I was trying this</p>
  
  <pre><code>this._router.navigate(['MyComponent', {title: 'something' }]);
  </code></pre>
  
  <p>I don't want to use this way because it will add some params to my URL link<br>
  I want it to be something like<br>
      <code>&lt; myComponent [data]='data'></code>
  And the catch it in @Input<br>
   <code>@Input() data = data; // sorry if this code is wrong, it's just for example</code></p>
  
  <p>Is there any way i can do this? or there's some other options to work around my situation? How can i route to component and bring some data with me</p>