title: Passing data via a routerLink angular router template expression?
body: <p>Playing around with the stackblitz starting point and I added the following routing:</p>
  
  <pre><code>    const routes : Routes = [ {path: 'hello', 'component': HelloComponent}];
  
  
      @NgModule({
        imports:      [ 
          RouterModule.forRoot(routes, {enableTracing: true}) ],
        declarations: [ AppComponent, HelloComponent ],
      })
  </code></pre>
  
  <p>Also added a <code>&lt;router-outlet&gt;</code> to the <code>app-component.html</code> template, and the <code>hello-component</code> is rendered when the below link is clicked:</p>
  
  <pre><code>&lt;a routerLink="hello" routerLinkActive="active"&gt;hello&lt;/a&gt;
  </code></pre>
  
  <p>However the property on the <code>hello-component</code> component is empty when the link is clicked:</p>
  
  <pre><code>@Input() name: string;
  </code></pre>
  
  <p>Is there a way to pass in a value via a template expression such that the name property is set on the component and is evaluated in the <code>hello-component.ts</code>'s template string with the <code>hello</code> anchor is clicked?</p>
  
  <p>Just for reference the hello component looks like this:</p>
  
  <pre><code>    import { Component, Input } from '@angular/core';
  
      @Component({
        selector: 'hello',
        template: `&lt;h1&gt;Hello {{name}}!&lt;/h1&gt;`,
        styles: [`h1 { font-family: Lato; }`]
      })
      export class HelloComponent  {
        @Input() name: string;
      }
  </code></pre>
  
  <p>It seems like perhaps an <code>ActivatedRoute</code> instance has to be examined for for a property for this to work?</p>