Ionic3 Tips

编译生产环境版本：

npm run build --prod

如果不带prod参数，会出现splash显示后近10秒的白屏。

深度链接模式

默认状态下ionic3 的程序在各page间跳转时，URL是不变的。如果要从外部跳到ionic3的特定页面，就要使用deep linking技术，它现在是由@IonicPage装饰器提供的功能。

基本用法

Page页

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
   selector: 'page-second';
   templateUrl:'second.html',
})
export class MyPage{

}

然后在它的page.module.ts里写上：

@NgModule({
  declarations: [
    MyPage
  ],
  imports: [
    IonicPageModule.forChild(MyPage)
  ],
  entryComponents: [
    MyPage
  ]
})
export class MyPageModule {}

在主app.module.ts不用写与MyPage或MyPageModule相关的代码。

在跳转的时候，就会看到页面类似 ： http://**/#/MyPage。
更多用法，如加上historyList，参考官方文档

@IonicPage的常用参数：
@IonicPage({
name:'',   //用在this.navCtrl.push()的名称
segment:''   //用在url里的/#/参数
})

Ionic3 滑动方向参数

DIRECTION_NONE  1
DIRECTION_LEFT  2
DIRECTION_RIGHT 4
DIRECTION_UP    8
DIRECTION_DOWN  16
DIRECTION_HORIZONTAL    6
DIRECTION_VERTICAL  24
DIRECTION_ALL   30

swipeEvent(e){
  if(e.direction==2){

  }
}

Cannot find module ‘internal/fs’ when npm install on mac

$ sudo n 6.
$ sudo npm install -g npm@3.10.0
$ sudo npm install -g npm@next
$ sudo n 7.

我测试运行前三句时，环境 恢复正常，最后一句没测试了。
参考：​​​https://github.com/nodejs/node/issues/9377​​

官网文档：
​​​http://ionicframework.com/docs/api/navigation/IonicPage/​​

Observable上不存在属性share
引入运算符：

import 'rxjs/add/operator/share';

或引入所有运算符

import { Observable } from 'rxjs/Rx'