我想在打字稿的导航标签之间切换

时间:2020-01-13 09:39:14

标签: javascript html css angular twitter-bootstrap

我有两个标签, 1)注释和 2)数据字符串。 在导航标签中

    <nav>
       <div class="nav nav-tabs nav-fill " id="nav-tab2 " role="tablist ">
            <a class="nav-item nav-link active" id="nav-annotations-tab" data-toggle="tab" href="#nav-annotations" role="tab">Annotations</a>
            <a class="nav-item nav-link" id="nav-datastringbox-tab" data-toggle="tab" href="#nav-datastringbox" role="tab">String</a>
      </div>
    </nav>

各个div如下:

    <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent2">
         <div class="tab-pane fade show active" id="nav-annotations">
              <app-pvgfp-annotation-list></app-pvgfp-annotation-list>
         </div>
         <div class="tab-pane fade" id="nav-datastringbox">
              <div class="line-loader " [hidden]="!lineLoader"></div>
                   <textarea rows="5 " class="form-control"> 
                   </textarea>
              </div>
         </div>
    </div>

和注释列表组件包括 一些a-tag,它们全部由一些链接组成。 其中(app-pvgfp-annotation-list组件)如下:

    <div>
        <a href="htts://www.google.com">Google</a>
        <a href="https://www.facebook.com">Facebook</a>
    </div>

现在我想要,在单击该链接时,我必须打开#nav-datastringbox标签。

所以,基本上,我的问题是如何从打字稿中打开另一个标签。

有人可以帮我解决这个问题吗?

0 个答案:

没有答案