2017-04-03 120 views
1

觸發第二個選項卡上單擊觸發使用控制器

<!--HTML--> 
    <tab id="tabID" heading="Second Tab"> 

    ///JS 
    $timeout(function(){ 
    angular.element('#tabID a').trigger('click'); 
    }); 

我怎樣才能觸發標籤通過使用屬性數據目標=「#標籤,兩個」

回答

2

你的第二個選項卡上的點擊應該使用這樣的:

$timeout(function(){ 
    angular.element('tab a[data-target="#tab-two"]').trigger('click'); 
}); 

下面是一個例子:

$('#myTab a[data-target="#messages"]').click();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> 
 
<ul class="nav nav-tabs" id="myTab"> 
 
    <li class="active"><a data-target="#home" data-toggle="tab">Home</a></li> 
 
    <li><a data-target="#profile" data-toggle="tab">Profile</a></li> 
 
    <li><a data-target="#messages" data-toggle="tab">Messages</a></li> 
 
    <li><a data-target="#settings" data-toggle="tab">Settings</a></li> 
 
</ul> 
 
<div class="tab-content"> 
 
    <div class="tab-pane active" id="home">Home</div> 
 
    <div class="tab-pane" id="profile">Profile</div> 
 
    <div class="tab-pane" id="messages">Message</div> 
 
    <div class="tab-pane" id="settings">Settings</div> 
 
</div>