我在我的构造函数中注入(inject)了 NavController,因为我想推送一个页面。但是,以下代码在 Ionic 4 中不起作用。在 Ionic 3 中完全没问题。
Constructor
constructor(public menuCtrl: MenuController, public navCtrl: NavController) {
this.menuCtrl.enable(true);
}
Method
goToSecondPage()
{
this.navCtrl.push(list);
}
最佳答案
现在,要完成最后一步并在我们的 app-routing.module.ts 文件中实现这些路由,它们将如下所示:
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页面中设置Root
<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>
您还可以通过编程方式向后导航:
this.navCtrl.navigateBack('/products');
邮寄:https://www.joshmorony.com/converting-ionic-3-push-pop-navigation-to-angular-routing-in-ionic-4/
关于angular - NavController 在 Ionic 4 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51828017/