title: How to solve checkbox modifying other checkboxes state (not the model)?
body: <p>I have a <code>for</code> that goes over elements in a array of Boolean variables and uses each Boolean as a model for a checkbox.</p>
  <p>The <code>models</code> array looks like this:</p>
  <pre><code>  models = [true,false,true,true,false,false,true];
  </code></pre>
  <p>The template looks like this:</p>
  <pre><code>&lt;h1&gt;Hello {{name}}&lt;/h1&gt;&lt;br&gt;
  &lt;div *ngFor=&quot;let mod of models; let i=index&quot;&gt;
      &lt;input [(ngModel)]=&quot;models[i]&quot; type=&quot;checkbox&quot;&gt;
  &lt;/div&gt;
  &lt;pre&gt;{{models|json}}&lt;/pre&gt;
  </code></pre>
  <p>When I click a checkbox, a random element changes its state too.
  Not sure if this is a bug or I'm just not understanding something.</p>
  <p>How do I make this checkboxes behave appropriately?</p>
  <p>Complete example showing this behavior: <a href="https://plnkr.co/edit/siTXHoIF3OuXnZd37yir?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/siTXHoIF3OuXnZd37yir?p=preview</a></p>