ionic2- 导航页面

Page页面在angular语法上也是一个组件，所以同样有@Component装饰器，但是其selector属性可以省略（selector属性可以用于在sass文件中覆盖默认样式）
在ionic中，所有页面像一个stack来存储，使用push向其中加入一个新页面并导航到该页面，使用pop可以移除最顶端的页面，返回前一个页面。
我们也可以使用URLs来导航到不同页面

1. 可以通过给设置root属性，可以添加默认的根页面

import { HelloIonicPage } from '../pages/hello-ionic/hello-ionic';
export class MyApp {
  rootPage: any = HelloIonicPage;
    constructor(){}
}

2. 使用NavController的push方法打开新页面

import {Component} from "@angular/core";
import {NavController, NavParams} from 'ionic-angular';
import {ItemDetailsPage} from '../item-details/item-details';
@Component({
　　templateUrl: 'list.html'
})
export class ListPage {
　　constructor(public navCtrl: NavController) {}
　　// 点击一个按钮，打开ItemDetailsPage页面
　　itemTapped(event, item) {
　　　　this.navCtrl.push(ItemDetailsPage);
　　}
}

此时，menu-toggle变成了返回按钮样式，这是ionic的默认配置，可以修改的。