Ionic2学习笔记（8）：Local Storage& SQLite

做者：Grey

原文地址： http://www.cnblogs.com/greyzeng/p/5557947.html

   

       

 Ionic2能够有两种方式来存储数据，Local Storage和SQLite

   

LocalStorage

   

由于比较容易访问，因此不适合存比较敏感性的数据

好比能够存储: 用户是否登陆的信息. 一些session信息等

具体用法：

• 进入项目目录：cd MyFirstApp
• 在主页设置一个按钮，点击按钮，获取LocalStorage的数据并打印在控制台

  app/pages/home/home.html

  在app/pages/home/home.ts中增长一个处理方法：

  咱们能够经过

  this.local = new Storage(LocalStorage);

  this.local.set('isLogin', false);

  来设置并保存isLogin的值

  而且经过：

  this.local.get('isLogin');

  来获取isLogin的值

• 运行：ionic serve -l

  点击按钮，打开Chrome控制台，能够看到输出结果：

     

SQLite

咱们还能够经过SQLite来存储数据，经过SQL语句来实现相关存储。

• 首先咱们必须增长一个插件：进入项目目录：cd MyFirstApp

  运行：ionic plugin add https://github.com/litehelpers/Cordova-sqlite-storage

• 在app/app.ts中，咱们先初始化一些数据库信息：

• 在app/pages/home/home.html中增长一个按钮和一个Label，点击按钮，将数据库dbname6中people这个表的第一条记录的firstname字段展现出来：

  app/pages/home/home.html

  在app/pages/home/home.ts中增长相应的方法来获取数据库中的数据：

• 运行：ionic serve -l

  点击ShowData按钮：

     

更多：Use SQLite In Ionic 2 Instead Of Local Storage

------

上一篇：Ionic2学习笔记（7）：Input

下一篇：Ionic2学习笔记（9）：访问本地设备