ionic 数据存储 StorageHelper

最新推荐文章于 2024-11-19 10:41:23 发布

原创最新推荐文章于 2024-11-19 10:41:23 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

ionic 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在Ionic应用中使用Ionic Storage模块进行数据的存储、读取及删除操作，并提供了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网说明

import { Injectable } from "@angular/core";
import { Storage } from '@ionic/storage';

@Injectable()
export class StorageHelper {

    constructor(public storage: Storage) { }

    GET(name, type) {

        return this.storage.get(name).then(data => {
            let v = data;
            if (type == "json" && v != "") {
                v = JSON.parse(v);
            }
            return v;
        });
    }

    SET(name, val) {

        if (typeof val == "object") {
            val = JSON.stringify(val);
        }
        this.storage.set(name, val);
    }

    Remove(name) {

        this.storage.remove(name);
    }

}

http://ionicframework.com/docs/storage/

* 1.在app.module.ts中
*
        import { IonicStorageModule } from '@ionic/storage';

* 2.imports添加如下代码

        imports: [
        BrowserModule,
        IonicModule.forRoot(MyApp),
        IonicStorageModule.forRoot({
          name: '__mydb',
             driverOrder: ['indexeddb', 'sqlite', 'websql']
        })
          ],

* 3.使用方法：

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

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

* 4.set

        this.storage.set('flag', '000');
* 5.get

        this.storage.get('flag').then((val) => {
          console.log('Your flag is=' + val);
        });