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("成功"); } });

猜你喜欢

转载自www.cnblogs.com/sandyLovingCoding/p/9703290.html
1.7
今日推荐