爲什麼md-tab-body不能跨越屏幕的全長

我正在嘗試使用Angular Material實現AngularJS中的選項卡。爲什麼md-tab-body不能跨越屏幕的全長

我有一些標籤。在點擊標籤時，應該顯示該標籤特有的內容。但是我面臨的問題是，該選項卡的內容不佔用整個設備的長度。

<md-tabs md-selected="selectedIndex"> 
    <md-tab md-on-select="onTabSelected(tab)" md-on-deselect="announceDeselected(tab)" ng-disabled="tab.disabled"> 
     <md-tab-label> 
      <p>Tab A</p> 
     </md-tab-label> 
     <md-tab-body> 
      <p>Content of tab A</p> 
      <div infinite-scroll="loadMore(tab.id)" infinite-scroll-disabled="busy"> 
       <div ng-repeat="p in products"> 
        <div class="well"> 
         <h3>{{p.id}}</h3> 
         <h5>{{p.cat_id}}</h5> 
        </div> 
       </div> 

       <div ng-show="busy">Loading more products....</div> 

      </div> 
     </md-tab-body> 
    </md-tab> 
</md-tabs>

「md-tab-body」指令指定標籤內容。

在上面的代碼中，我只是打算實現ng-Infinite滾動作爲標籤內容的一部分。但不知何故，標籤內容只佔用頁面長度的一部分。是否有任何解決方案可以讓標籤內容佔據頁面的全長。

來源

2016-01-25 Sohan Shirodkar

在您的md-tabs上使用md-dynamic-height屬性 – nitin

謝謝sooooooo much !!!!它像一個魅力。 –

這裏提出的解決方案並不適用於我。這個解決方案爲我工作。 https://github.com/angular/material/issues/2254 –

我不確定是否有任何其他解決此問題的方法，但最簡單的方法是在md-tabs指令中使用md-dynamic-height屬性。

<md-tabs md-dynamic-height> 
..... 
</md-tabs>

這就是你需要的一切！

來源

2016-01-27 14:35:07

爲什麼md-tab-body不能跨越屏幕的全長

回答

相關問題