當頁面以角度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”類型不存在“屬性”選項卡

在My .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());
      }