title: multiple radio groups inside single ng-repeat not working
body: <p>I can't figure this one out, not sure why it isn't working.  I have a situation where I need to have parent checkboxes and when those are selected, children radio buttons drop down where they need to select one item for each checkbox they have selected.  This part works fine, the problem is when more than one checkbox is selected, the radio buttons act like they are all under the same name even though they aren't...when one is selected, all the others become deselected when I only want the other ones under that name to become deselected. The template is written for use in formly which is why you see the ng-model might look weird, it's basically taking the model being used for formly(an excellent dynamic js forms library for angularjs)</p>
  
  <p>Here are the arrays being fed into the ng-repeats:</p>
  
  <pre><code>to.parents = [{name: 'IR', value: 'IR'}, {name: 'IS', value: 'IS'}, {name: 'IP', value: 'IP'}];
  
  to.children = [{name: 'New', value: 'IRNew', parent: 'IR'}, {name: 'Maintenance', value: 'IRMain', parent: 'IR'}, {name: 'Existing', value: 'IRExist', parent: 'IR'}, {name: 'New', value: 'ISNew', parent: 'IS'}, {name: 'Maintenance', value: 'ISMain', parent: 'IS'}, {name: 'Existing', value: 'ISExist', parent: 'IS'}, {name: 'New', value: 'IPNew', parent: 'IP'}, {name: 'Maintenance', value: 'IPMain', parent: 'IP'}, {name: 'Existing', value: 'IPExist', parent: 'IP'}]
  </code></pre>
  
  <p>Here is the template below:  </p>
  
  <pre><code>&lt;div class="radio-group row" ng-class="{\'has-error\': options.formControl.$invalid}"&gt;
      &lt;label class="control-label"&gt;{{to.label}}{{to.required ? \'*\' : \'\'}}&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="row" style="margin-left:10px;"&gt;
      &lt;div class="{{to.col}}" ng-repeat="parent in to.parents track by $index" style="margin-top: 5px; margin-left:0px;" 
       ng-class="{\'checkbox\': !to.inline, \'checkbox-inline\':to.inline}"&gt;
          &lt;input type="checkbox" id="{{parent.value}}{{$index}}" 
           class="checkbox-inline styled styled-primary multiCheck{{$index}}" 
           aria-describedby="{{id}}_description" ng-value="parent.name" 
           ng-model="$parent.model[$parent.options.key || $parent.$index][parent.value]"
           ng-disabled="{{parent.disabled}}"&gt;
           &lt;label for="{{parent.value}}{{$index}}" style="font-weight: normal;"&gt;{{parent.name}}&lt;/label&gt;
           &lt;p id="{{id}}_description" class="help-block" ng-if="parent.desc"&gt;{{parent.desc}}&lt;/p&gt;
           &lt;div class="radio" style="margin-left:20px; margin-top: 10px;" 
           ng-repeat="child in to.children track by $index"
           ng-class="{\'radio\': !to.radInline, \'radioinline\':to.radInline}" 
           ng-if="child.parent === parent.name &amp;&amp; $parent.model[$parent.options.key|| $parent.$index][parent.value]"&gt;
              &lt;div class="radio-group {{to.colChild}} pull-left"    
               style="margin-top: 5px; margin-bottom: 10px;"&gt;
                 &lt;input type="radio" name="{{child.parent}}" id="{{child.value}}{{parent.value}}{{$index}}" 
                  class="radio radio{{$index}}" ng-value="child.value" ng-model="model[parents.key]"&gt;
                 &lt;label for="{{child.value}}{{parent.value}}{{$index}}"&gt;{{child.name}}&lt;/label&gt;
              &lt;/div&gt;
            &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So basically the radio group names are the same as the parent name so the children in IP have IP as their name, the children under IR have IR as their name and the children under IS have IS as their name...but they all still act like they are part of the same name---it doesn't make sense to me because radio buttons are supposed to be grouped by their name...any help would be greatly appreciated!</p>
  
  <p>PS: Please don't tell me about using inline-styles---I know its not the best practice however I have no other choice because the company I work for has global css sheets that are the only ones that get looked at, so any modifications to this need to be done inline.</p>