Lablel爲MD-無線電組

我有一個單選按鈕組在角4材料應用：Lablel爲MD-無線電組

<md-radio-group fxLayout fxLayoutAlign="center center" fxLayoutGap="30px"> 
    <md-radio-button value="1">Date</md-radio-button> 
    <md-radio-button value="2">Status</md-radio-button> 
    <md-radio-button value="3">From</md-radio-button> 
    <md-radio-button value="4">To</md-radio-button> 
</md-radio-group>

我通過文檔和樣品去了，無法弄清楚如何讓一個標籤到這個組。我需要類似這樣的東西，但具有適當的造型：

角度材料中添加標籤到收音機組的目標方法是什麼？很顯然，我們可以添加一個label並從頭開始設計風格，但對於大量風格的組件而言，它看起來效率不高。

來源

2017-10-05 Alexander Abakumov

你就可以創建一個Codepen或相似的，所以大家可以看一下，並嘗試的東西呢？ –

我會的，但它似乎應該是任何角度材料應用程序非常基本的東西。 –

好，然後告訴我們你到目前爲止嘗試過什麼，並沒有工作。 –

這就是你要找的。

<div fxLayout fxLayoutAlign="center center" fxLayoutGap="30px"> 
     <label>Sort by</label> 
     <md-radio-group> 
     <md-radio-button value="1">Date</md-radio-button> 
     <md-radio-button value="2">Status</md-radio-button> 
     <md-radio-button value="3">From</md-radio-button> 
     <md-radio-button value="4">To</md-radio-button> 
     </md-radio-group> 
    </div>

CSS

.mat-radio-button {margin-right: 30px;}

其他添加flexLayout您md-radio-group

<md-radio-group fxLayout fxLayoutAlign="center center" fxLayoutGap="30px">

來源

2017-10-05 16:01:17 ShadowFoOrm

添加一個'label'當然是一種選擇，但是它的樣式呢 - 是否需要從頭開始完成？在Angular Material中沒有內置的方法嗎？ –

@AlexanderAbakumov，是的，現在你必須設計它。這就是他們這樣做的方式。甚至沒有輸入或選擇在組件外有標籤。 – ShadowFoOrm

我明白了。感謝這些信息。 –

Lablel爲MD-無線電組

回答

相關問題