angularjs - 如何交换标签和单选按钮位置 Material AngularJS

Question

Material Angle 的单选框布局如下:

o Apple
o Banana

我想要相反

Apple  o
Banana o

md-radio-button 有两个组件，

div 类=“md-container”，

和

div class="md-label"。

容器容纳按钮，标签容纳标签。

我似乎无法交换这些 div 的位置。当我尝试向右浮动 md-container 时，它超出了 md-radio-button 。

如何交换两个位置，或者在子组件上使用 float 而不打破父单选按钮的外部，或者也许采用其他方式？

谢谢

Answer 1

你可以这样做

 <md-content>
     <span layout="row" layout-align="center center">
         <span>Apple</span>
         <md-radio-button value="1" aria-label="Apple"> </md-radio-button>
     </span>
</md-content>