ionic3 全域性變數的定義方法
阿新 • • 發佈:2018-11-11
在程式設計中少不了會使用到全域性變數,今天談到的是ionic3和angular4配合使用搭建app時用到的全域性變數的方式,具體的搭建方法如下:
1)直接在app中新建一個config.ts檔案
2)在需要使用全域性變數的元件中這樣引用
import {AppConfig} from "../../app/app.config”;
在元件中的使用方式:AppConfig.xx;也可以用來改變某一值。
console.log(AppConfig.loginState);
當然這種方式也是有弊端的,本人最初是拿著這個例子來寫登入註冊頁面,但是發現,全域性變數在頁面沒有重新整理重新載入時,一切都是按照最初設計的方式的執行,但是一旦頁面被重新整理,全域性變數就恢復預設值,不具有儲存的作用,故本案例只是講述怎樣去在這個框架中結合全域性變數來開發,而不是推薦用這種方法來實現變數儲存之類的,
若需要具有儲存功能的方法,則可以使用localStorage來儲存,其相關用法如下:
(1)儲存:localStorage.setItem(key,value); 如果key存在時,更新value
(2)獲取:localStorage.getItem(key); 如果key不存在返回null
(3)刪除:localStorage.removeItem(key); 一旦刪除,key對應的資料將會全部刪除
(4) 全部清除:localStorage.clear(); 會清除所有localStorage物件儲存的資料,銷燬所有資料