如何使用angularjs選項卡指令點擊按鈕時移動到第二個選項卡

您好我正在使用角度選項卡指令。JS提琴的鏈接是 AngularJs Tab Directive。我的問題是如何移動到第二個選項卡從第一個選項卡一個按鈕，點擊？謝謝如何使用angularjs選項卡指令點擊按鈕時移動到第二個選項卡

<tabs> 
<pane title="First Tab"> 
    <button type="button" ng-click="moveToSecondTab()">Second Tab.</button> 
</pane> 
<pane title="Second Tab"> 
    <div>This is the content of the second tab.</div> 
</pane>

來源

2014-12-05 forgottofly

給定的鏈接工作，你有什麼問題？創建一個精確的問題小提琴。 – 2014-12-05 08:54:17

是的，但是如果我在第一個標籤中有一個按鈕，並且我想導航到按鈕上的第二個標籤，請點擊。我可以如何實現這一點？ – forgottofly 2014-12-05 09:01:19

嗨@ Aniket.Here是我的小提琴問題。我爲此添加了一個控制器。 [更新小提琴]（http://jsfiddle.net/mailmrmanoj/1x8f5bp8/） – forgottofly 2014-12-05 09:27:26

而是在HTML文件中的硬編碼窗格，從控制器獲取它。喜歡的東西

$scope.tabs = [ 
    { title:'Dynamic Title 1', content:'Dynamic content 1' }, 
    { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true } 
    ];

然後從你的HTML，你可以調用函數來切換激活的標籤。類似這樣的：

$scope.moveToSecondTab = function() { 
$scope.tabs[1].active = true; 
};

但是，如果不是一個函數，而是直接從按鈕切換活動選項卡會更好。

使用這樣的事情：

<button ng-click="tabs[1].active = true">Select second tab</button>。

查詢here僅供參考。

來源

2014-12-05 11:41:56

謝謝@ Aniket.But我沒有使用角引導tabs.Im使用它們作爲指令。我可以在指令內使用此功能？ – forgottofly 2014-12-06 05:01:02

觸發第二個選項卡上的點擊。這適用於我。

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

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

來源

2016-03-17 09:36:25 AceLearn

如何使用angularjs選項卡指令點擊按鈕時移動到第二個選項卡

回答

相關問題