How to align the radio buttons horizontally in angular material?

Question

I was expecting a in-built directive or a tag for this but probably not according to their documentation.

This is the example.

        
                      

              相关标签:
       
      

Answer 1

You do not need to override any default CSS:

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

Just put in md-radio-group tag a layout="row" attribute.