Question

<ul class="nav nav-tabs" style="margin-top: 15px; margin-left: 13px; margin-right: 20px;height:auto;">
   <li class="ToActiveP active">
      <a id="PendingBtn" data-toggle="tab">Pending Leaves</a>
   </li>
   @*
   <li>
      <a id="DetailBtn" data-toggle="tab">Leave Detail</a>
   </li>*@
   <li class="ToActive">
      <a id="RecommendedBtn" data-toggle="tab">Recommended Leaves</a>
   </li>
   <li>
      <a id="SummaryBtn" data-toggle="tab">Leave Detail</a> @*Monthly Summary make this tab leave detail to add filters in this tab and hide the monthly record tab(bcx summary tab was almost duplicate of leave detail tab.)*@
   </li>

   <ul style="list-style:none; float:right;">
      <li><i class="fa fa-square" style="color: #E85108; "></i> <b style="color: #E85108;">Short Leaves</b></li>
      <li><i class="fa fa-square" style="color: blue;"></i> <b style="color: blue;">Carry Forward Leaves</b></li>
   </ul>
   @*
   <ul class="unstyled-list">
      <li><i class="fa fa-square" style="color: blue;"></i> <b style="color: blue;">Carry Forwarded</b></li>
   </ul>*@

</ul>

Answer 1

不太确定你想要什么，但请看下面这个链接。关于如何使用angularjs创建带有标签的网站（单击选项卡，加载页面的新部分而不刷新）的一个关键词。

https://thinkster.io/angular-tabs-directive

单击按钮转到另一个页面并打开选定的选项卡

1 个答案: