title: RouterLink in Angular 5 not show real path on DevTooLs
body: <p>I want to know is this bug or specification that i can't find.
  In Angular 5, when I use routerLink like this</p>
  
  <pre><code>&lt;button routerLink="/account/order/{{this.orderService.order._id}}/messages"&gt;Messages&lt;/button&gt;
  </code></pre>
  
  <p>All works fine and I can route to URL <code>/account/order/5aaaa0c6fd204609b3bd2577/messages</code> in my component. 
  But if I open Chrome DevTools (I try it in Firefox DevTools too) I see line like this:</p>
  
  <pre><code>&lt;button _ngcontent-c4="" class="btn" tabindex="0" ng-reflect-router-link="/account/order/5aaaa0c6fd20460"&gt;Messages&lt;/button&gt;
  </code></pre>
  
  <p>I tried to use different assigns for routerLink, but for all of that I got cutting real href (I put creating url string in component.ts and put only string variable in routerLink and other methods like [routerLink] creation). For first time it looks like <code>ng-reflect-router-link</code> have not so much length. 
  But I try use simple string in href and in DevTools I see normal link like this:</p>
  
  <p><code>&lt;button _ngcontent-c4="" class="btn" routerlink="/123456789123456789123456789123456789123456789123456789123456789" tabindex="0" ng-reflect-router-link="/12345678912345678912345678912"&gt;Messages&lt;/button&gt;</code></p>
  
  <p>Anybody know, why I getting cutting real href? Maybe exist specialization or documentation for this behaviour or this looks like a bug and i need create issue on GitHub angular repo?</p>