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

0 vote244 views1 answer
Error capturing image. ionic
Javascript Ionic
0 vote236 views2 answers
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory ionic build
Javascript Ionic
4 votes222 views1 answer
Ionic capacitor keyboard push content up
Javascript Ionic
1 vote230 views1 answer
IonicDeeplinkPlugin461520374 : TypeError: route.split is not a function
Javascript Ionic
4 votes231 views2 answers
Ionic 3 alert
Javascript Ionic
0 vote270 views1 answer
Ionic react exit app
Javascript Ionic
13 votes221 views2 answers
Ionic lifecycle
Javascript Ionic
1 vote175 views1 answer
Capacitor.ionicframework
Javascript Ionic
1 vote238 views1 answer
Ionic ngfor in component
Javascript Ionic
0 vote205 views1 answer
..getProjectMetadata ionic
Javascript Ionic