Làm cách nào để căn chỉnh các nút radio theo chiều ngang trong tài liệu góc?

Question

Tôi đã mong đợi một chỉ thị được xây dựng hoặc một thẻ cho điều này nhưng có lẽ không theo tài liệu của họ.

Đây là example.

<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

Bạn không cần phải ghi đè lên bất kỳ CSS mặc định:

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

Chỉ cần đặt trong md-radio-group thẻ một thuộc tính layout="row".

Answer 2

Better không ghi đè lên bất kỳ lớp học hiện có.

Sử dụng chỉ thị ng-style và cung cấp giá trị cho thông số hiển thị.

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