时间戳

首页 > 解决方案 > 当页面以角度 2 重新加载时保持选定的选项卡处于活动状态

angular - 当页面以角度 2 重新加载时保持选定的选项卡处于活动状态

问题描述

<nav class="nav-sidebar">
    <ul class="nav tabs" id="myTab">
      <li class="active" ><a  href="#tab3" data-toggle="tab" >Tabl 1</a> </li>                               
      <li class="tab2"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
      <li ><a href="#tab3" data-toggle="tab">Tab 3</a></li>
      <li ><a href="#tab4" data-toggle="tab">Tab 4</a></li>
      <li><a href="#tab5" data-toggle="tab">Tab 5</a></li>
    </ul>
</nav>
  1. 我使用了一些如下所示的stackoverflow代码，并得到错误“JQuery”类型上不存在属性“选项卡”

在我的 .ts 中，在 ngOnInit() 上添加了以下代码

https://stackoverflow.com/a/21494906/9266349

标签： angulartypescript

解决方案

尝试将您的活动选项卡值存储在本地或会话存储中，并将其设置在 oninit 上，如下所示。

 ngOnInit() {
    if (sessionStorage.getItem("activeTab")) {
      youractivetbavariable = sessionStorage.getItem("activeTab");
    }
      }
@HostListener('window:beforeunload', ['$event'])
      unloadNotification($event: any) {
        sessionStorage.setItem("activeTab", this.getUser());
      }

推荐阅读