How to include anchor at the end of the link using routerlink?

Question

I need to include an anchor at the end of the link to be able to identify a particular location on the page that will be accessed.

<a [routerLink]="['/page', item.slug]#local"> Button </a>

Page

<a name="local"></a>

Possible duplicate of [Autoscroll in Angular 2](https://stackoverflow.com/questions/36201624/autoscroll-in-angular-2) — Anoop Surendran, Nov 01 '17 at 05:33

Anoop Surendran · Accepted Answer · 2017-12-21T07:37:06.767

2

<a [routerLink]="['/page', item.slug]#local"> Button </a>

wont work fine.

You can refer this one

edited Dec 21 '17 at 07:37

answered Nov 01 '17 at 03:48

Anoop Surendran

Hi, The link that needs to be generated is: http://localhost/page#location – marcelo.delta Nov 01 '17 at 04:01
navigateMe() { this.router.navigate(['/page', item.slug, local]); } ? – marcelo.delta Nov 01 '17 at 04:21
Anyways you can refer this one [link](https://mdbootstrap.com/angular/advanced/smooth-scroll/) hope this can help – Anoop Surendran Nov 01 '17 at 05:02
Yes. Thank you so much. – marcelo.delta Nov 01 '17 at 05:40

1 Answers1