angularionic-framework

routerLink isn't working with ion-button (Angular and standalone components)

With my Ionic Angular app, using standalone components, my routerLinks are not working.

<ion-button expand="block" [routerLink]="['/auth/login']">Login</ion-button>
<ion-button expand="block" color="secondary" [routerLink]="['/auth/register']">Register</ion-button>
Solution

  • When using Ionic with Angular, you should use Angular's router.

    This is detailed here: https://ionicframework.com/docs/angular/navigation

    In my case, I was missing importing "RouterModule", so the links were not working.

    import { RouterModule } from '@angular/router';

@Component({
    ...
    standalone: true,
    imports: [
        RouterModule,