2015-07-12 214 views
3

我採用了棱角分明的材料(https://material.angularjs.org/角材料單獨MD-標籤體

有沒有辦法到標籤的身體從選項卡列表分開?在文檔中我找不到任何提及。

目前我有這樣的事情,我需要移動md-tab-body以外的md-tabs。最好不使用狀態或控制器顯示/隱藏邏輯。

<md-tabs> 
<md-tab> 
    <md-tab-label>First tab</md-tab-label> 
    <md-tab-body> 
     <p>First tabs content.</p> 
    </md-tab-body> 
</md-tab> 
<md-tab> 
    <md-tab-label>Second tab</md-tab-label> 
    <md-tab-body> 
     <p>Second tabs content.</p> 
    </md-tab-body> 
</md-tab> 

+0

不,這是不可能的;這絕對沒有意義。如果您的目標純粹是美學,那麼您爲什麼不簡單地使用CSS? – Blackhole

+0

@Blackhole我並不意味着將'md-tab-body'移出;只是在框架本身達到相同的效果而沒有額外的膨脹,因爲它可能在例如bootstrap中。 – Kaspars

回答

5

這是目前不可能,但有可能會根據您的使用情況不同的解決方案。

選項1

md-tab-body是可選的,所以你可以使用md-tabs只處理標籤欄,以及手動處理其他地方你標籤的內容,勢必會通過md-tabs使用相同的選擇指標。

選項2

很多人想要這個功能,從而使標籤欄可以爲md-toolbar的一部分。這可以通過將md-tabs元件直接放置在md-toolbar之後來實現,如這裏所示:http://codepen.io/robertmesserle/pen/LVxzNW

+2

codepen鏈接不起作用了。 –