NavController doesn’t work in Ionic 4

by

Now, to complete the final step and implement those routes in our app-routing.module.ts file, they would look like this:

const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: "https://stackoverflow.com/questions/51828017/home", loadChildren: './pages/home/home.module#HomeModule' },
{ path: 'products', loadChildren: './pages/products/products.module#ProductsModule'},
{ path: 'products/:id', loadChildren: './pages/product-detail/product-detail.module#ProductDetailModule' },
{ path: 'products/categories', loadChildren: './pages/product-categories/product-categories.
{ path: 'support', loadChildren: './pages/support/support.module#SupportModule' }
];

setRoot in html page

<ion-button href="https://stackoverflow.com/support" routerDirection="root">

or in class

this.navCtrl.navigateRoot("https://stackoverflow.com/support");

Push

<ion-button href="https://stackoverflow.com/products/12" routerDirection="forward">

or 

this.navCtrl.navigateForward("https://stackoverflow.com/products/12");

Pop

<ion-button href="https://stackoverflow.com/products" routerDirection="backward">

or

<ion-back-button defaultHref="https://stackoverflow.com/products"></ion-back-button>

you can also navigate backwards programatically:

this.navCtrl.navigateBack("https://stackoverflow.com/products");

p/s: https://www.joshmorony.com/converting-ionic-3-push-pop-navigation-to-angular-routing-in-ionic-4/

More Related Contents:

  1. Getting “Uncaught (in promise): TypeError: Object(…) is not a function” Error from Ionic-native VideoEditor Plugin
  2. Http.get() working but not working in build(Release/Debug) in Ionic 4
  3. Can I get today’s date plus one month in moment js? [duplicate]
  4. Ionic 2 – global NavBar for the app
  5. Ionic 2 Form goes up when keyboard shows
  6. Ionic – Horizontal scroll tab for Categories [duplicate]
  7. Page is part of the declarations of 2 modules: Error in ionic build prod
  8. Use nav.push with side menu in ionic 2
  9. How to display the app version in Angular?
  10. Angular 2 + Ionic 2: Detect if an object was modified
  11. Ionic2/Angular2 – Read a custom config file
  12. Ionic 4 Events not working in device but working on browser
  13. Call a function every 10 seconds Angular2
  14. How to use angular 2 service with Ionic 2?
  15. @ViewChild in *ngIf
  16. What’s the difference between markForCheck() and detectChanges()
  17. What’s the difference between @ViewChild and @ContentChild?
  18. How to dynamically add and remove form fields in Angular 2
  19. Angular Material: mat-select not selecting default
  20. How to create an RXjs RetryWhen with delay and limit on tries
  21. What is the difference between *ngIf and [hidden]?
  22. Angularfire 2 Error: The specified authentication provider is not enabled for this Firebase
  23. Generic email validator
  24. ng-content select bound variable
  25. Angular 6.0 firebase hosting deploy not working
  26. Angular2: validation for won’t trigger when changing the file to upload
  27. How to access host component from directive?
  28. Property ‘toPromise’ does not exist on type ‘Observable’
  29. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  30. Conditional ngModel in Angular2

Leave a Comment