在视图中打开第二个选项卡作为默认选项卡

时间:2016-06-21 17:06:28

标签: angularjs asp.net-mvc

我在这里有一个动作的链接:

<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. 点击该链接后,从active中删除tab1课程,然后添加 active课程tab2
    1. 添加string TabID的另一个参数 行动方法。

1 个答案:

答案 0 :(得分:0)

您需要使用Bootstrap API来选择选项卡。它不会自动发生。代码基本上是:

$tab.tab('show');

$tab是实际的标签元素,而不是单击它时显示的内容。为了达到这个目的,我建议如下:

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