Почему routerLink выдает ошибку?

Question

[lightseeker]

header.component.html

<div class="actions-block">
    <button class="login-button" [routerlink]="'/sign-in'">Sign In</button>
</div>

А в модуле у него ( тоесть header.module.ts )

@NgModule({
  declarations: [HeaderComponent],
  imports: [CommonModule, RouterModule],
  exports: [HeaderComponent, RouterModule],
})
export class HeaderModule {}

Как видите RouterModule подключен, но выдает ошибку

Can't bind to 'routerlink' since it isn't a known property of 'button'.

Comments

[kiko7182]

Читай официальную документацию внимательно, там всё написано.

Answer 1

[kiko7182]

[routerLink]="/sign-in".
В целом не понятно почему у тебя существует header.module.ts? Каждый модуль это chunk, который будет подгружаться при переходе в данный модуль. Либо же если у тебя большое разделение компонентов. Если тебе это не нужно, то у тебя будет 1 модуль - app.module.ts (здесь все declarations, imports, providers и т.п.) и один app-routing.module.ts (все твои роуты)).