最近刚刚开始用H5做app,做了一些效果,很基础的东西,话不多说先放图

ionic页面跳转ionic页面跳转

如何实现点击列表跳转到下一个页面呢?其实很简单

父页面:

一、导入子页面

import { VegetablePage } from '../productList/vegetable/vegetable';
二、在export里面定义一个变量,并指明

@Component({
selector: 'page-market',
templateUrl: 'market.html'
})
export class MarketPage {
vegetablePage;

constructor(public navCtrl: NavController,platfrom:Platform) {
this.vegetablePage=VegetablePage;
}

三、重点的来了:

pushVegetablePage(){
//跳转
this.navCtrl.push(VegetablePage,{
});
}

四、一切准备好了之后在父页面的HTML中写上方法的名字:

<button (click)="pushVegetablePage('粮食类')">

OK,这样页面跳转就实现了!是不是很简单

相关文章: