bug: group nested radios not working

[paullryan]

If you next radios inside different groups with different parents given that angular2-mdl is using checkboxes all groups sub radios are linked. This can cause odd and unintended side-effects with models that rely on nesting such as arrays of objects.

Steps to reproduce

1. Create a form with with two formgroups like

<form [formGroup]="form">
  <div formGroupName="group1">
    <mdl-radio formControlName="type" value="type1">
    <mdl-radio formControlName="type" value="type2">
  </div>
  <div formGroupName="group2">
    <mdl-radio formControlName="type" value="type1">
    <mdl-radio formControlName="type" value="type2">
  </div>
</form>

2. Create the corresponding form model

...
new FormGroup({
  group1: new FormGroup({
    type: new FormControl('')
  }),
  group2: new FormGroup({
    type: new FormControl('')
  })
});
...

This should result in a model of

{
  group1: {type: 'type1'}
  group2: {type: 'type2'}
}

however the boxes are being tied to each other. Not sure how to fix this one yet, however I'll think on it.

[paullryan]

Side note, when I switch to using radio buttons directly this works beautifully.

[mseemann]

Will have a look...

[mseemann]

i have created a pr (#209) that uses the formGroupName as additional information to decide which radio buttons have to be deselected. just if you want to have a look...