title: Why does [checked] not work with ngModel when used in checkbox?
body: <p>I was playing with ngModel in checkboxes, and ran into a situation where I found <code>[checked]="true"</code> was not working with <code>[(ngModel)]="select"</code>. Also, I was calling a function on <code>(change)</code> where I was setting the model select = true, the model changed but the view was not updated.</p>
  
  <p>To fix the above two problems I used <code>[ngModel]="true"</code> instead of <code>[checked]</code> and sent <code>$event</code> to the function on <code>(change)</code> where I did <code>event.target.checked = true</code>. </p>
  
  <p>Initially:</p>
  
  <pre><code>&lt;input type="checkbox" name="mycheck" [checked]="true" [(ngModel)]="works" (change)="func()"&gt;
  
  func() {
      this.works = true;  // this updates the model but not view
  }
  </code></pre>
  
  <p>My attempt:</p>
  
  <pre><code>&lt;input type="checkbox" name="mycheck" [ngModel]="true" [(ngModel)]="works" (change)="func($event)"&gt;
  
  func(event) {
      this.works = true;  // this updates the model
      event.target.checked = true; //this updates the view
  }
  </code></pre>