feat(radioGroup): allow two way binding to value

 `<md-radio-group [(value)]="yourModel"></md-radio-group>`

ng2-material/all.ts

@@ -33,6 +33,7 @@ import {MdProgressCircular} from './components/progress_circular/progress_circul
 export * from './components/progress_circular/progress_circular';
 
 import {MdRadioButton, MdRadioGroup} from './components/radio/radio_button';
+import {MdRadioDispatcher} from './components/radio/radio_dispatcher';
 export * from './components/radio/radio_button';
 export * from './components/radio/radio_dispatcher';
 
@@ -60,3 +61,10 @@ export const MATERIAL_DIRECTIVES: Type[] = CONST_EXPR([
   MdSwitch,
   MdToolbar
 ]);
+
+/**
+ * Collection of Material Design component providers.
+ */
+export const MATERIAL_PROVIDERS: Type[] = CONST_EXPR([
+  MdRadioDispatcher
+]);

ng2-material/components/radio/radio_button.scss

@@ -1,6 +1,5 @@
 @import "../../core/style/variables";
 @import "../../core/style/shadows";
-
 // TODO(jelbourn): This goes away.
 @import "../../core/style/default-theme";
 
@@ -76,7 +75,6 @@ md-radio-group {
   cursor: pointer;
 }
 
-
 // THEME
 
 .md-radio-off {
@@ -94,7 +92,6 @@ md-radio-group {
 // TODO
 .md-radio-checked .md-ink-ripple { }
 .md-radio-container .md-ripple { }
-p
 
 md-radio-group:not([disabled]) md-radio:not([disabled]) {
 

ng2-material/components/radio/radio_button.ts

@@ -16,6 +16,9 @@ import {Event, KeyboardEvent} from 'angular2/src/facade/browser';
 
 import {MdRadioDispatcher} from './radio_dispatcher';
 import {KeyCodes} from '../../core/key_codes';
+import {Output} from 'angular2/core';
+
+// TODO(jdd): [disabled] style
 
 // TODO(jelbourn): Behaviors to test
 // Disabled radio don't select
@@ -33,7 +36,6 @@ var _uniqueIdCounter: number = 0;
 
 @Component({
   selector: 'md-radio-group',
-  outputs: ['change'],
   inputs: ['disabled', 'value'],
   host: {
     'role': 'radiogroup',
@@ -68,7 +70,7 @@ export class MdRadioGroup implements OnChanges {
   /** The ID of the selected radio button. */
   selectedRadioId: string;
 
-  change: EventEmitter<any>;
+  @Output('valueChange') change: EventEmitter<any>;
 
   tabindex: number;
 
@@ -108,10 +110,10 @@ export class MdRadioGroup implements OnChanges {
 
     // If the value of this radio-group has been set or changed, we have to look through the
     // child radio buttons and select the one that has a corresponding value (if any).
-    if (isPresent(this.value) && this.value != '') {
+    if (isPresent(this.value) && this.value !== '') {
       this.radioDispatcher.notify(this.name_);
       this.radios_.forEach(radio => {
-        if (radio.value == this.value) {
+        if (radio.value === this.value) {
           radio.checked = true;
           this.selectedRadioId = radio.id;
           this.activedescendant = radio.id;
@@ -125,7 +127,7 @@ export class MdRadioGroup implements OnChanges {
     this.value = value;
     this.selectedRadioId = id;
     this.activedescendant = id;
-    ObservableWrapper.callEmit(this.change, null);
+    ObservableWrapper.callEmit(this.change, value);
   }
 
   /** Registers a child radio button with this group. */
@@ -275,7 +277,7 @@ export class MdRadioButton implements OnInit {
     // if the user just adds a `disabled` attribute with no value, or may be absent completely.
     // TODO(jelbourn): If someone sets `disabled="disabled"`, will this work in dart?
     return this.disabled || (isPresent(this.disabled) && StringWrapper.equals(this.disabled, '')) ||
-           (isPresent(this.radioGroup) && this.radioGroup.disabled);
+      (isPresent(this.radioGroup) && this.radioGroup.disabled);
   }
 
   get disabled(): any {