title: Angular 8 routerLinks create decoded href with # to %23
body: <p>I have one problem with generating routerLinks in my application.
  I retrieve the menu structure from API. Fetch it when app initializes, store it in the Observable and then simply show it.</p>
  
  <p>The part of the structure im showing is pretty straightforward.</p>
  
  <pre><code>&lt;ng-container *ngFor="let item of menuItems"&gt;
    &lt;h5 class="dekstop-submenu-heading"&gt;{{ item.name }}&lt;/h5&gt;
      &lt;ul class="desktop-submenu-list" [ngClass]="{'desktop-submenu-list-wrap': item.subItems.length &gt; 5}"&gt;
        &lt;li *ngFor="let subItem of item.subItems" class="desktop-submenu-item"&gt;
          &lt;a [attr.aria-label]="subItem.name" [routerLink]="subItem.url"&gt;{{ subItem.name }}&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p>The problem comes when there is an url with an anchor to specific page part, i.e. <code>/some-component/description#specific</code>.
  Angular routerLink is generated properly but the href isn't, it is decoded to <code>/some-component/description%23specific.</code>
  I can't get rid of this behaviour, I've tried decoding it with decodeURIComponent but with no effects..</p>
  
  <p>Do you have any idea what causes such behaviour? Such a simply thing makes a lot of troubles..</p>