ionic2 storage

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

半纸药笺

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

阅读量3.4k

点赞数

分类专栏：移动app ionic2 文章标签： ionic2 移动开发

移动app 同时被 2 个专栏收录

8 篇文章

订阅专栏

ionic2

8 篇文章

订阅专栏

本文介绍了如何在Ionic应用中使用Storage进行数据持久化。通过安装特定插件并配置Ionic项目，可以利用Storage API来存储和检索键值对或JSON对象。文章详细展示了如何设置SQLite作为存储后端，并提供了设置和获取数据的示例代码。

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

Storage介绍

Storage 是一种存储键值对和JSON对象的方式，在底层有很多存储引擎，Storage 会根据品台选择一种最合适的方式：
当运行在本地app环境中时会优先使用SQLite,当运行在web环境中时，会视试图使用IndeDB,webSQL或本地存储

Storage使用

在使用SQLite之前，需要安装cordova-sqlite-storage插件

cordova plugin add cordova-sqlite-storage --save

然后安装包文件，在ionic2中会默认引入

npm install –save @ionic/storage

然后将其添加到NgModule 的providers列表中

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

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    // ...
  ],
  providers: [
    Storage
  ]
})
export class AppModule {}

最后将其注入到component中

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

export class MyApp {
  constructor(storage: Storage) {

     storage.ready().then(() => {

       // set a key/value
       storage.set('name', 'Max');

       // Or to get a key/value pair
       storage.get('age').then((val) => {
         console.log('Your age is', val);
       })
     });
  }
}