Lablel pour MD-radio-groupe

Question

J'ai un groupe de boutons radio dans un 4 angulaire app Matériel:

<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> 

Je suis passé par la documentation et des échantillons et n'a pas été en mesure de comprendre comment donner un étiquette à ce groupe. J'ai besoin de quelque chose comme ça mais avec un style approprié:

Quelle est la manière prévue dans le matériau angulaire d'ajouter une étiquette à un groupe radio?

De toute évidence, nous pourrions ajouter un label et le styliser à partir de zéro, mais il n'a pas l'air terriblement productif pour le cadre des composants très stylés.

Answer 1

Voici ce que vous recherchez.

<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;} 

ajouter à votre autre flexLayout md-radio-group

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