作者: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
------
文章列表