md-tabs未顯示分頁

如果屏幕尺寸較小，則角度材質不顯示分頁按鈕。md-tabs未顯示分頁

鑑於example code與我的本地編輯試過

<div ng-controller="AppCtrl" class="sample tabsdemoDynamicTabs" layout="column" ng-app="MyApp"> 
    <md-content class="md-padding"> 
    <md-tabs md-selected="selectedIndex" md-border-bottom="" md-autoselect=""> 
     <md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}"> 
     <div class="demo-tab tab{{$index%4}}" style="padding: 25px; text-align: center;"> 
      <div ng-bind="tab.content"></div> 
      <br> 
      <md-button class="md-primary md-raised" ng-click="removeTab(tab)" ng-disabled="tabs.length &lt;= 1">Remove Tab</md-button> 
     </div> 
     </md-tab> 
    </md-tabs> 
    </md-content> 

    <form ng-submit="addTab(tTitle,tContent)" layout="column" class="md-padding" style="padding-top: 0;"> 
    <div layout="row" layout-sm="column"> 
     <div flex="" style="position: relative;"> 
     <h2 class="md-subhead" style="position: absolute; bottom: 0; left: 0; margin: 0; font-weight: 500; text-transform: uppercase; line-height: 35px; white-space: nowrap;">Add a new Tab:</h2> 
     </div> 
     <md-input-container> 
     <label for="label">Label</label> 
     <input type="text" id="label" ng-model="tTitle"> 
     </md-input-container> 
     <md-input-container> 
     <label for="content">Content</label> 
     <input type="text" id="content" ng-model="tContent"> 
     </md-input-container> 
     <md-button class="add-tab md-primary md-raised" ng-disabled="!tTitle || !tContent" type="submit" style="margin-right: 0;">Add Tab</md-button> 
    </div> 
    </form> 

</div>

當我嘗試調整它不適合文本了屏幕，將分頁程序顯示不出來。我正在使用最新的AngularMaterial版本0.10.0。

我錯過了什麼錯？

來源

2015-07-03 123 456 789 0

確認 - 當他們不適合時，將標籤從左到右滾動是很好的。 – hofnarwillie

如果您添加md-no-pagination = false;一切都取決於你有的角度材料的版本

來源

2016-03-24 00:52:17

md-tabs未顯示分頁

回答

相關問題