3

左右の矢印をクリックして水平スクロールを行う方法。

<div ng-controller="TabsDemoCtrl">
<button class="btn-sm btn-default glyphicon glyphicon-chevron-left" style="float: left; margin-top: 22px" ng-click="horizontalScroll()"></button>
  <uib-tabset active="active">
    <uib-tab index="0" heading="Static title">Static content</uib-tab>
    <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
      {{tab.content}}
    </uib-tab>
  </uib-tabset>
<button class="btn-sm btn-default glyphicon glyphicon-chevron-right" style="float: right; margin-top: 22px;  right: 0px; position: absolute"  ng-click="horizontalScroll()"></button>
</div>

ここでは、サンプル チュートリアルを使用してタブとボタンを作成しました。リンクを添付しました

これを修正するのを手伝ってください。

4

1 に答える 1

0

使用<scrollable-tabset>GitHub https://github.com/VersifitTechnologies/angular-ui-tab-scrollで入手可能

于 2016-08-05T13:35:35.480 に答える