title: Angular2 RouterLink breaks routes by replacing slash with %2F
body: <p>Since the latest Angular2 version (2.0.0-beta.14) it is possible to have query parameters that contain multiple slashes, like /foo/bar.</p>
  
  <p>This works great, however whenever I use a parameter with multiple slashes within a RouterLink link, it escapes the <code>/</code> with <code>%2F</code> causing the routes to not work anymore on reload.</p>
  
  <p>My link looks like this: <code>&lt;a [routerLink]="['/Page', {page: page.url | slug}]" class="list-group-item"&gt;{{ page.title }}&lt;/a&gt;</code></p>
  
  <p>Inside of the 'slug' pipe I even <code>URIDecode</code> the string, and when I log it it is correct. It would log something like <code>/pages/level-1/</code>, but when I inspect the actual <code>a</code> tag on the page it says <code>href="/pages%2Flevel-1"</code>.</p>
  
  <p>I'm pretty clueless, because even when I print the value of <code>{{ page.url | slug }}</code> within my HTML template, it returns the url with slashes.</p>