本地存储LocalStorage

学习了张鑫旭老师的一篇博客

点击打开链接 讲本地存储,自己也试了下,感觉还能发挥更大用途啊~好好研究下,

HTML

<li (click)="test()">
  <a style="width:20px;height: 30px;border: 1px solid blue">
    <i class="fa"   [ngClass]="{'fa-angle-up':warning,'fa-angle-down':!warning}"></i>
    main
  </a>
</li>
<li *ngIf="warning">
  <a>
    sub
  </a>
</li>


test() {
    this.warning = !this.warning;
    var storage = window.localStorage;
    storage.keep = this.warning;
  }

  ngAfterViewInit() {
    $('[data-toggle="tooltip"]').tooltip();
    this.warning = window.localStorage.getItem("keep") === 'true'?true:false;
  }

用本地存储的warnning去保存菜单展开,收缩的状态,加载后再取出来,测了下可以的,只是保存的是字符串,需要转一下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值