Question

我有一个AnguleJS Bootstrp UI水平标签结构。

enter image description here

点击标签2后，标签2的内容显示，标签3显示相同内容。

我的问题是：

我希望以3000毫秒后的Tab 2自动显示＆amp;在Tab 3之后没有点击Tabs。一旦我点击任何特定的Tab It Stops并显示该标签的内容。

以下是水平标签视图的演示（Onclick）：Plunker Demo

<!doctype html>
<html ng-app="plunker">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.js"></script>
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>

<div ng-controller="TabsDemoCtrl">

  <tabset>

    <tab ng-repeat="tab in tabs" heading="{{tab.title}}">
      {{tab.content}}
    </tab>

  </tabset>


</div>
  </body>
</html>

Answer 1

因此，有一个名为active的指令变量，您可以传递一个变量，指示该选项卡是否应该处于活动状态。

将这些变量放入数组中，设置间隔并使用索引将右侧选项卡设置为活动状态。

我的工作人员：PlunkerDemo 也许使用有角度的$interval。

Bootstrap UI：自动选项卡随时间移动

1 个答案: