Angular Routerlink is not working and I did everything right

Question

  <nav>
    <a routerlink="/students"><button mat-stroked-button class="button"><mat-icon class="icon">face</mat-icon><br><br><br>students</button></a>
  </nav>

const routes: Routes = [
  {path: 'students', component: StudentsComponent},
];

angular routerlink don't work. Imported RoutingComponent too app.module etc.

Answer 1

I wouldn't say you did "everything" right. The routerLink directive is case-sensitive.

routerLink != routerlink

It must be

<nav>
  <a routerLink="/students">
    <button mat-stroked-button class="button">
      <mat-icon class="icon">face</mat-icon><br><br><br>
      students
    </button>
  </a>
</nav>