如何使用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选项卡指令点击按钮时移动到第二个选项卡

回答

相关问题