ionic3启动页面
来源:互联网 发布:脱脂牛奶 知乎 编辑:程序博客网 时间:2024/05/21 14:46
第一步
1.在pages下添加welcome页面
2.命令行ionic g page welcome;
在app.component.ts导入welcome页面
第二步
1.下载数据库及其插件(其他数据库也可,如IndexedDB;下面只讲H5只带的和storage数据库的用法)
数据库: ionic cordova plugin add cordova-sqlite-storage
插件:npm install –save @ionic/storage
2.H5自带数据库 (无需下载)
第三步
1.配置插件
在app.module.ts下面添加
'''impot { IonicStorageModule } from '@ionic/storage''' imports: [ BrowserModule, HttpModule, IonicModule.forRoot(MyApp), '''IonicStorageModule.forRoot()''', ],
在app.component.ts上添加
'''import { Storage } from '@ionic/storage';''''''export class MyApp { rootPage: any; constructor(platform: Platform, public storage: Storage) { this.storage.get('firstIn').then((result) => { result=false if(result){ this.rootPage = HomePage; } else{ this.storage.set('firstIn', true); this.rootPage = WelcomePage; } } );'''
2.H5原生在app.component.ts下添加
rootPage: any;//HomePage或TabsPage删掉 var flag = localStorage.getItem("firstIn"); if( flag == undefined ){ localStorage.setItem("firstIn", "1"); this.rootPage=WelcomePage; }else{ this.rootPage=TabsPage; }
第四步
完结撒花!!!
从welcome跳到首页的方法:
goToHome(){ this.navCtrl.setRoot(TabsPage);}
阅读全文
0 0
- ionic3启动页面
- ionic3/ionic2 新建页面
- 升级到ionic3 Lazy Loading懒加载,ionic3新建页面
- ionic3
- ionic3的页面的三种跳转
- ionic3+angular4--页面间数据传递
- Ionic3 启动白屏 加快app启动速度 --记录
- ionic3("ionic-angular": "3.1.1")创建页面失败
- Ionic3项目开发——页面跳转与参数传递
- ionic3开发系列——从多重子页面返回根页面的解决方法
- 启动页面
- ionic3三种跳转方法对应的页面间数据传递及Events
- 【Ionic3】关闭新增页面,跳转到列表后刷新(回显)
- ionic2/ionic3 启动慢问题解决(apk包也变小了)
- ionic3开发系列——打包APK运行,启动页后白屏几秒,解决方案
- Ionic3入门
- Ionic3 Tips
- Ionic3 Demo
- 数据结构复习之–“选择排序”-JAVA实现
- thinkPHP删除前弹出确认框的简单实现方法
- Xlistview加小圆点
- ROS:机器人描述(URDF、XACRO)
- ObjectInputStream throws EOFException
- ionic3启动页面
- Ubuntu系统下使用mysql出现start: Unable to connect to Upstart
- 【C#】SQL Server自增ID字段值跳跃问题
- 残差网络resnet学习
- Intellij idea破解办法
- Codeforces Round #359 (Div. 1) A. Robbers' watch 暴力
- Python自学笔记
- nyoj 6 喷水装置
- PCM1864 调试