本文介绍了NavController在Ionic 4中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我要在推入页面时将NavController注入到我的构造函数中.但是,下面的代码在Ionic 4中不起作用.在Ionic 3中完全可以.
I'm injecting NavController in my constructor as I want to push a page. But, below code doesn't work in Ionic 4. It was totally okay in Ionic 3.
constructor(public menuCtrl: MenuController, public navCtrl: NavController) {
this.menuCtrl.enable(true);
}
goToSecondPage()
{
this.navCtrl.push(list);
}
推荐答案
现在,要完成最后一步并在我们的 app-routing.module.ts 文件中实现这些路由,它们看起来像这个:
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: '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' }
];
html页面中的setRoot
setRoot in html page
<ion-button href="/support" routerDirection="root">
或在课堂上
this.navCtrl.navigateRoot('/support');
推动
<ion-button href="/products/12" routerDirection="forward">
或
this.navCtrl.navigateForward('/products/12');
弹出
<ion-button href="/products" routerDirection="backward">
或
<ion-back-button defaultHref="/products"></ion-back-button>
您还可以以编程方式向后导航:
you can also navigate backwards programatically:
this.navCtrl.navigateBack('/products');
p/s: https://www.joshmorony.com/converting-ionic-3-push-pop-navigation-to-angular-routing-in-ionic-4/
这篇关于NavController在Ionic 4中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!