動態安排MD-對話框標籤

Question

我的標籤對話框如下所示：

正如你所看到的標籤（「說明，手段，......），不通過可用空間均勻佈置。我試着彎曲指令，但它不會工作

我的HTML是這樣（縮短）：

<md-toolbar> 
    <div class="md-toolbar-tools"> 
    <h2>{{error}}</h2> 
    <span flex></span> 
    <md-button class="md-icon-button" ng-click="cancel()"> 
     <md-icon md-svg-src="../../../assets/img/close.svg" aria-label="Close dialog"></md-icon> 
    </md-button> 
    </div> 
</md-toolbar> 
<md-dialog-content style="max-width:800px;max-height:1400px;min-width:800px; "> 
    <md-tabs md-dynamic-height md-border-bottom> 
    <md-tab label="description"> 
     <md-content class="md-padding"> 
     <h1 class="md-display-2">Description</h1> 
     <p flex>{{description}}</p> 
     </md-content> 
    </md-tab> 
    <md-tab label="means"> 
     <md-content class="md-padding"> 
     <h1 class="md-display-2">Means</h1> 
     <p>{{means}}</p> 
     </md-content> 
    </md-tab> 

有什麼辦法可以實現我想要的這種標籤安排？

Answer 1

在md-tabs中添加md-stretch-tabs =「always」check this