How to specify replace url option in router link angular html template

Question

 <button color="dark" fill="outline"  [routerLink]="['/home']" size="medium"
          >Click here to add some</button>

how should I pass replace URL option just like we do in the TS file

 await this.router.navigate(['/profile'], { replaceUrl: true });

Divek John · Accepted Answer · 2022-01-03 16:39:31Z

8

I found it myself by seeing type file of angular routing :) here is how I do it

<button color="dark" fill="outline" replaceUrl="true"   routerLink="['/home']" size="medium"
              >Click here to add some</button>

answered Feb 27, 2021 at 10:20

Divek John

7558 silver badges17 bronze badges

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

3 Comments

I tried this, but I just get an error saying type 'string' is not assignable to type 'boolean'. Any insight as to what's going on there?

fixed now its because of useless binding @PaulBunion

This still gives me the error described above

JanBrus · Accepted Answer · 2021-12-21 11:50:04Z

0

<button replaceUrl="true" routerLink="/home">Click here to add some</button>

You dont have to use [] for replaceUrl and routerLink if those are not bound but simple values.

answered Dec 21, 2021 at 11:50

JanBrus

1,6001 gold badge12 silver badges16 bronze badges

Mustafa Poya · Accepted Answer · 2022-11-08 11:06:39Z

0

The selected answer is correct, but now in Angular you also need to bind those properties, even for booleans, like this:

<button [replaceUrl]="true" [routerLink]="['/home']">Click here to add some</button>

Mustafa Poya

3,1236 gold badges30 silver badges48 bronze badges

answered Nov 5, 2022 at 17:06

Squix

134 bronze badges