2017-01-18 50 views
0

當在md-tab-group md-tab中顯示時,我的UI高度約爲5px。如何使用md-tab-group dynamicHeight屬性

閱讀https://material.angular.io/components/component/tabs>動態高度>默認情況下,選項卡組不會將其高度更改爲當前活動選項卡的高度。要更改此設置,請將dynamicHeight輸入設置爲true。標籤主體將根據活動標籤的高度對其高度進行動畫處理。你如何設置dynamicHeight?

我已經試過

class Abc{ 
dynamicHite = true 
} 

<md-tab-group [dynamicHeight]=dynamicHite> 

,但它不工作。我試圖在md-tab上設置它,但結果是一樣的。

感謝您的幫助。

+0

你是什麼意思「它不工作」?對我來說,它工作正常。 – developer033

+0

事實上,當我添加[dynamicHeight] = dynamicHite屬性時,不顯示任何內容。當我刪除它時,我看到了可滾動的用戶界面。 Weired,但這就是我所看到的。 –

+0

@ developer033你能告訴我一個什麼適合你的片段。謝謝 –

回答

0

您可以通過將它包含在您的md-tab-group標記中來使用動態屬性。

<md-tab-group dynamicHeight="true" > 
    <md-tab label="Profile Details"> 
     //Content1 
    </md-tab> 
</md-tab-group>