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學習筆記（8）：Local Storage& SQLite