Radyo düğmelerini açısal malzemede yatay olarak hizalama?

Question

Bunun için yerleşik bir yönerge veya bir etiket bekliyordum, ancak muhtemelen belgelerine göre değil. Bu, example numaralı belgedir. Daha iyi

<div class="radioButtondemoBasicUsage" ng-app="MyApp"> 
<form ng-submit="submit()" ng-controller="AppCtrl"> 
<p>Selected Value: <span class="radioValue">{{ data.group1 }}</span> </p> 

<md-radio-group ng-model="data.group1"> 

    <md-radio-button value="Apple" class="md-primary">Apple</md-radio-button> 
    <md-radio-button value="Banana"> Banana </md-radio-button> 
    <md-radio-button value="Mango">Mango</md-radio-button> 

</md-radio-group> 

Answer 1

herhangi varsayılan CSS geçersiz kılmak gerekmez:

<md-radio-group layout="row"> 
    <md-radio-button value=0 class="md-primary">On</md-radio-button> 
    <md-radio-button value=1> Off </md-radio-button> 
</md-radio-group> 

Sadece md-radio-group etiketi bir layout="row" nitelik koydu.

Answer 2

varolan herhangi bir sınıf geçersiz kılmaz.

Yönergeyi ng-style kullanın ve ekran parametresi için değer verin.

<md-radio-group ng-model="selvalue"> 
    <md-radio-button value="A" class="md-primary" ng-style="{'display':'inline'}"> Apple</md-radio-button> 
    <md-radio-button value="R" class="md-primary" ng-style="{'display':'inline'}"> Orange </md-radio-button> 
</md-radio-group>