在视图中为默认选项卡

Question

打开第二个选项卡我有一个链接到这里一个动作：

<a ng-if="dashBoardInformation.isVisible" 
ng-href="@Url.Action("SomeController", "Home")?id= {{siteSelection.siteCode}}#tab2"> Payment 
</a> 

后，我点击它，它不能去tab2标签。改为tab1。所有选项卡如下所示：

<div class="container-fluid" ng-disabled="isLoading">  
<!--Tab Menu Start -->  
<tabset>   
    <tab heading="Accounts" href="#tab1" data-toggle="tab"> </tab>   
    <tab heading="Payment" href="#tab2" data-toggle="tab"> </tab>   
</tabset>  
</div> 

任何人都可以告诉我如何将第二个选项卡作为默认选项卡？我认为Url.Action有一些问题。

我的想法至今都：

1. 点击该链接后，从tab1删除active类，并添加 active类tab2。
   1. 将另一个参数string TabID添加到 的操作方法。

Answer 1

你需要利用引导API选择选项卡。它不会自动发生。该代码基本上是：

$tab.tab('show'); 

哪里$tab是实际的标签元素，而不是当你点击它时显示的内容。为了达到这个目的，我建议这样的：

$(document).ready(function() { 
    if (location.hash !== '') { 
     $('[data-toggle=tab][href=' + location.hash + ']').tab('show'); 
    } 
});