Element not clickable when using routerLink directive

Question

I have <a routerLink="login">login</a>, but it is rendered as plain text, just like if I used <span>login</span>.

I'm certain, that there is no mistake in my routing, since if I added a button <button (click)="onClick()">navigate</button> and the handler, constructor(private router: Router) {} onClick() { this.router.navigate(['/login']); } this works perfectly.

Any suggestions why i can't navigate with routerLink?

Are there any errors on the browser console when you click on the link? — mondieki, Feb 25 '23 at 18:30
I tried [routerLink], but i get an error: NG8002: Can't bind to 'routerLink' since it isn't a known property of 'a'. There are no errors on the console, because the link isn't even clickable. — Mirin, Feb 25 '23 at 19:25

score 1 · Answer 1 · answered Feb 25 '23 at 20:42

1

You need to import the RouterModule in you AppModule

answered Feb 25 '23 at 20:42

Matthieu Riegler

31,918
20
95
134

Element not clickable when using routerLink directive

1 Answers1