Router navigate ionic

Ionic route navigation

// just like angular
<button [routerLink]="['/detail']">click</button>

Source: ionicframework.com

Router navigate ionic

<ion-header>
  <ion-toolbar>
    <ion-title>Login</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <ion-button [routerLink]="['/detail']">Go to detail</ion-button>
</ion-content>

Source: ionicframework.com

Router navigate ionic

RouterModule.forRoot([
  { path: '', component: LoginComponent },
  { path: 'detail', component: DetailComponent }
]);

Source: ionicframework.com

Similar codes

6 votes346 views2 answers
Ionic angular change page route
Javascript Ionic
1 vote359 views1 answer
Ionic capacitor splash screen spinner
Javascript Ionic
0 vote350 views1 answer
Convert angular HTTP to Native HTTP in Ionic
Javascript Ionic
4 votes388 views1 answer
Install ionic @angular/fire
Javascript Ionic
4 votes351 views1 answer
Ionic capacitor keyboard push content up
Javascript Ionic
0 vote302 views1 answer
Build ionic app for android livereload
Javascript Ionic
0 vote355 views2 answers
Ionic vue electron
Javascript Ionic
0 vote394 views1 answer
IonicActionSheet decorator example
Javascript Ionic
3 votes392 views1 answer
Ionic (Emitted value instead of an instance of Error
Javascript Ionic
0 vote358 views2 answers
Ionic status bar color
Javascript Ionic