Question

您好我正在使用角度选项卡指令.J JS小提琴的链接是 AngularJs Tab Directive。我的问题是如何通过点击按钮从第一个标签移动到第二个标签？谢谢

 <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>

Answer 1

不是在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以供参考。

Answer 2

在第二个标签上触发单击。这对我有用。

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

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

使用angularjs tab指令时，如何在单击按钮时移动到第二个选项卡

2 个答案: