Question

在md-tab-group md-tab中显示时，我的UI高度约为5像素。

阅读https://material.angular.io/components/component/tabs＆gt;动态高度＆gt;默认情况下，选项卡组不会将其高度更改为当前活动选项卡的高度。要更改此设置，请将dynamicHeight输入设置为true。选项卡主体将根据活动选项卡的高度设置其高度的动画。你如何设置dynamicHeight？

我试过了

class Abc{
dynamicHite = true
}

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

但它不起作用。我已尝试在md-tab上设置它，但结果是一样的。

感谢您的帮助。

Answer 1

您可以通过将动态属性包含在md-tab-group标记中来使用它。

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

Answer 2

您只需要将其包含为属性，而无需将其属性设置为true，就像这样：

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

如何使用md-tab-group dynamicHeight属性

2 个答案: