Ionic3 开发公众号H5 Tips

编译生产环境版本:

npm run build --prod

深度链接模式

默认状态下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里的/#/参数
})

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

相关文章
相关标签/搜索