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

Question

<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'中不存在属性'tab'

在“我的.ts”中的ngOnInit（）上的以下代码中添加了

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

Answer 1

尝试将活动选项卡值存储在本地或会话存储中，然后按如下所示在oninit上进行设置。

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