ionic3 全局变量的定义方法

在编程中少不了会使用到全局变量,今天谈到的是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对象保存的数据,销毁所有数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值