材料设计2标签在底部对齐

Fai*_*sal 0 material-design angular-material2 angular

我希望在md-tab-group的底部对齐标签,如下所示:

在此输入图像描述

在材质1中可以使用md-tabs-align ="bottom".为此目的,材料2中是否有任何可用的东西?

这是我的代码:

<md-tab-group> 
    <md-tab label="Tab One"> 
        Tab One Contents 
    </md-tab> 
    <md-tab label="Tab Two"> 
        Tab Two Contents 
    </md-tab> 
</md-tab-group>
Run Code Online (Sandbox Code Playgroud)

小智 6

对于任何可能偶然发现这个问题的人.

组件演示站点的"选项卡"部分引用了"API参考"部分中的以下内容

@Input()            | Position of the tab header.
headerPosition      |
Run Code Online (Sandbox Code Playgroud)

在查看源代码后,我发现了以下内容:

/** Possible positions for the tab header. */
export type MdTabHeaderPosition = 'above' | 'below';
Run Code Online (Sandbox Code Playgroud)

因此,以下工作对我有用

<md-tab-group headerPosition="below"> 
<md-tab label="Tab One"> 
    Tab One Contents 
</md-tab> 
<md-tab label="Tab Two"> 
    Tab Two Contents 
</md-tab> 
</md-tab-group>
Run Code Online (Sandbox Code Playgroud)