title: checkbox inside ngFor, only first checkbox is getting selected & deselected everytime when clicking any other checkbox
body: <p>I have checkboxes inside a ngFor loop and when I click on any one of the checkboxes only the first one is getting checked &amp; unchecked and updating only first one's status.</p>
  
  <p>HTML template : </p>
  
  <pre><code>&lt;div *ngFor="let num of count" class="m-b-20"&gt; 
      &lt;div class="checkbox"&gt; 
          &lt;input type="checkbox" id="check" name="num.value" value="num.checked" [(ngModel)]="num.checked" (click)="clicked(num)" ngDefaultControl/&gt; 
          &lt;label for="check"&gt;&lt;/label&gt; 
      &lt;/div&gt;
      {{num.checked}} 
  &lt;/div&gt;
  </code></pre>