ラジオボタン自体のラジオボタンのラベルを角度素材2に配置する方法はありますか？

Question

私は角材料2（material.io）を使用していると私はラジオ自体の上にMD-ラジオボタンのラベルを置くしようとしている、次のように：

Radio Buttons

ドキュメントはあなたを言います前後の位置を簡単に設定することができます。 私はflex-layout（github.com/angular/flex-layout）も使用しています。ここで

は私のコードです：

<md-radio-group formControlName="id_customer_type" (change)="onChangeCustomerType($event.value)"> 
    <md-radio-button type="radio" name="id_customer_type" value="1" [checked]="true"> Persona</md-radio-button> 
    <md-radio-button type="radio" name="id_customer_type" value="2"> Empresa</md-radio-button> 
    <md-radio-button type="radio" name="id_customer_type" value="3"> IoT/M2M</md-radio-button> 
</md-radio-group> 

誰かが私を助けることができる場合、私は非常にGREATFULなります。ありがとう！あなたはmd-radio-groupによって作成された要素に近い見てみると

Answer 1

あなたはこれに気づくでしょう：

<label class="mat-radio-label" for="md-radio-2-input"> 
    <div class="mat-radio-container"> 
     <div class="mat-radio-outer-circle"></div> 
     <div class="mat-radio-inner-circle"></div> 
     <div class="mat-radio-ripple mat-ripple" md-ripple="" ng-reflect-trigger="[object HTMLLabelElement]" 
      ng-reflect-centered="true" ng-reflect-disabled="false"></div> 
    </div> 
    <input class="mat-radio-input cdk-visually-hidden" type="radio" id="md-radio-2-input" name="md-radio-group-0"> 
    <div class="mat-radio-label-content"><span style="display:none">&nbsp;</span>Option 2</div> 
</label> 

.mat-radio-labelは、このCSSがあります

.mat-radio-label { 
    cursor: pointer; 
    display: inline-flex; 
    align-items: center; 
    white-space: nowrap; 
    vertical-align: middle; 
} 

基本的に私たちのことを言っている整列するFlexboxを使用しているが、そのダイレクトチルドレン（ラジオボタンとラベル）。デフォルトのflex-directionはrowであり、省略されています。それを列に変更することができます。 flex-direction: column-reverseを追加すると、上にラベルが表示されます。