作者: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
------
