美文网首页
1.7 ionic3入门——本地存储

1.7 ionic3入门——本地存储

作者: 杨啊杨_fb52 | 来源:发表于2018-09-17 22:05 被阅读0次

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

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

移除

localStorage.removeItem("my_name");

读取

var name = localStorage.getItem("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("成功");
  }
});

相关文章

网友评论

      本文标题:1.7 ionic3入门——本地存储

      本文链接:https://www.haomeiwen.com/subject/vcadnftx.html