美文网首页
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