ionic页面跳转

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

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

父页面：

一、导入子页面

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，这样页面跳转就实现了！是不是很简单