1.7 ionic3入门——本地存储

(1)localStorage
适用于存储用户名、个人信息等小体积的文本

var name = "张三";
localStorage.setItem("my_name",name);

移除

localStorage.removeItem("my_name");

(2)sqlite-storage
当要保存图片这种大体积的文件到本地时,localStorage就不够用了,用storage
用法
1.在终端里加载

ionic cordova plugin add cordova-sqlite-storage
npm install --save @ionic/storage

2.在app.module.ts中配置

import { IonicStorageModule } from '@ionic/storage';

在imports中加入IonicStorageModule.forRoot()

  imports: [
    BrowserModule,
    HttpClientModule,
    HttpModule,
    JsonpModule,
    
    IonicModule.forRoot(MyApp,{
      backButtonText:'',//按钮内容
      backButtonIcon:'arrow-back',//按钮图标样式
      tabsHideOnSubPages:'true',
    }),
    IonicStorageModule.forRoot()
  ],

3.在需要使用的page中引入

import { Storage } from '@ionic/storage';

4.在page的构造函数中声明storage

constructor(public navCtrl: NavController,private storage:Storage) {    
}

5.保存

this.storage.set('name','张三');

6.获取

this.get('name').then((val)=>{
  if(val=='张三'){
    console.log("成功");
  }
});
posted on 2018-09-25 20:28  sandyLoveCoding  阅读(252)  评论(0编辑  收藏  举报