the routerLink doesn't work in my angular ionic project

Question

I am trying to create an angular ionic project, so I created a module named ident to put the login and subscribe components on it, and when I create the router to cycle between the two components it doesn't work and no errors displayed to me

ionic V 6.12.3

ident-app-routing.ts And Login HTML

 const routes: Routes = [ { path: 'Login', component: LoginComponent }, { path:'', redirectTo:'Login', pathMatch:'full' }, { path:'Signup', component:InscritComponent } ];

 <ion-buttons slot="end"> <ion-button (click)="test()" [routerLink]="['/Signup']">Signup</ion-button> </ion-buttons>

i.net.html

<ion-router-outlet></ion-router-outlet>

Answer 1

Please try routerLink="/Signup"

Answer 2

You are assigning two simultaneous actions to your button when clicked:

• test(), which is called from.ts file when user clics the button
• routerLink, which uses RouterModule for switching to other page