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）：訪問本地設備