title: pass data through <router-outlet> using component interaction in angular2
body: <p>I'm trying to use this technique <a href="https://angular.io/guide/component-interaction#intercept-input-property-changes-with-a-setter" rel="noreferrer">intercept input property changes with a setter</a> to pass some data from a parent component to a child component and call a method in child component when the value is changed. my problem is the child component is binded to the parent by <code>&lt;router-link&gt;</code> and when I try to  pass the data using:</p>
  
  <p><strong>parent_component.html :</strong></p>
  
  <pre><code>&lt;router-outlet [some_value] = "some_value"&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>where some_value is the parameter I am trying to pass from parent to child.<br></p>
  
  <p><strong>parent_component.ts :</strong></p>
  
  <pre><code>public some_value: string;
  </code></pre>
  
  <p>and</p>
  
  <p><strong>parent_component.ts :</strong></p>
  
  <pre><code>@Input()
    public set some_vale(number : string){
      this._some_value = number;
    }
  </code></pre>
  
  <p>however I get the error </p>
  
  <blockquote>
    <p>Unhandled Promise rejection: Template parse errors:
    Can't bind to 'some_value' since it isn't a known property of 'router-outlet'.</p>
  </blockquote>
  
  <p>what am I doing wrong? What is the correct way to pass the data from parent to child component when using a <code>&lt;router-outlet&gt;</code>?</p>
  
  <p>Thanks in advance and any help appreciated.</p>