routerLink is rendering %23, instead of #

Question

I am trying to send href="#", using routerLink, but it is rendering %23 instead of #.

Not sure what is wrong.

<a routerLink={{item.url}}>item.linkname</a>

item = {
  url: '#',
  linkname:'abcd'
}

What is your intention? Want to route to home? Than you can use '/' item.linkname — Thorsten Rintelen, Sep 01 '20 at 04:57
lets say I just want # in routerLink, is it not possible using routerLink? — raju, Sep 01 '20 at 05:09

F.Almeida · Accepted Answer · 2020-09-01T11:01:09.390

2

Angular will always encode your URL with encodeURIComponent(). I do not understand what your intention is from a developer prespective but you can either:

Create a custom serializer to stop angular from encoding your URL;

If you only want to "add" an hashtag to your route you can simply use href instead of router link: <a [href]="item.url">{{ item.linkname }}</a>.

edited Sep 01 '20 at 11:01

answered Sep 01 '20 at 10:51

F.Almeida

375
1
10

routerLink is rendering %23, instead of #

1 Answers1