Directives - md-radio-group

mdRadioGroup API Documentation

The <md-radio-group> directive identifies a grouping container for the 1..n grouped radio buttons; specified using nested <md-radio-button> tags.

As per the material design spec the radio button is in the accent color by default. The primary color palette may be used with the md-primary class.

Note: <md-radio-group> and <md-radio-button> handle tabindex differently than the native <input type='radio'> controls. Whereas the native controls force the user to tab through all the radio buttons, <md-radio-group> is focusable, and by default the <md-radio-button>s are not.

Usage

<md-radio-group ng-model="selected">

  <md-radio-button ng-repeat="d in colorOptions" ng-value="d.value" aria-label="{{ d.label }}">

         {{ d.label }}

  </md-radio-button>

</md-radio-group>

Attributes

Parameter Type Description
* ng-model string string

Assignable angular expression to data-bind to.
md-no-ink boolean boolean

Use of attribute indicates flag to disable ink ripple effects.