Keep query string unencoded in Angular

Question

I am trying to manually concatenate query parameters into a string and bind the value to routerLink attribute. this is the .ts file:

ngOnInit() {        
    this.href = "data/?project="+this.number+"&item="+this.number2;
}

I than bind it in HTML:

<a class="nav-link" href="#" [routerLink]="[href]">LINK HERE</a>

the issue is that Angular enocdes =, ? & signs into %3F, %3D and %26 and displays that in the link. What should I do to keep =, ? and & unencoded?

Try using preserveQueryParams attribute on <a

Explosion Pills
– Explosion Pills

2017-11-24 19:36:28 +00:00
Commented Nov 24, 2017 at 19:36 — Explosion Pills
– Explosion Pills, Commented Nov 24, 2017 at 19:36

sanjihan · Accepted Answer · 2017-11-24 21:10:14Z

1

The answer I went with is to use [queryParams] next to [routerLink].

Example:

<a [routerLink]="[href]" [queryParams]="{project: projectNumber}">Details</a>

answered Nov 24, 2017 at 21:10

sanjihan

6,13816 gold badges67 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Keep query string unencoded in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related