title: How to get multiple radio buttons to work in angular2?
body: <p>I have a array of json, something similar to this:</p>
  
  <pre><code>questions = 
   [
      {
         title: Your section is?
         choices: [
                     {
                        id: 1,
                        label: "TestA"
                     },
                     {
                        id=2,
                        label: "TestB"
                     }
                  ]
      },
      {
         title: Your major is?
         choices: [
                     {
                        id=3,
                        label: "Medicine"
                     },
                     {
                        id=4,
                        label: "Engineering"
                     }
                  ]
      }
   ]
  </code></pre>
  
  <p>My html:</p>
  
  <pre><code>&lt;div *ngFor="let choice of questions"&gt;
     &lt;div *ngFor="let choice of questions.choices;let i=index"&gt;
      &lt;div class="radio-group" (click)="onSelectChoice(choice.id)"&gt;
        &lt;input type="radio" class="hide" name="choiceElements" [value]="choice.id" id="choice.label" formControlName="choiceElements"&gt;
        &lt;label [class.selected]="choice.id === selctedRadio" for="{{choice.label}}" class="" &gt;{{choice.label}}&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My TS:</p>
  
  <pre><code>selctedRadio: '';
  onSelectChoice(selctedChoice: any){
    this.selctedRadio = selctedChoice;
  }
  </code></pre>
  
  <p>So, in html I need two questions, each question having two buttons, for each question I should be able to select one radio button.
  But in my case, I am able to select only one radio button and when I go to second question the selected first question becomes unselected.
  Let me know how I can be able to select one radio answer from each question.</p>