title: Angular 4 checkbox trigger change event on model change
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="checkbox" id="1" [(ngModel)]="filter" (change)="onFilterChange($event)"&gt; CheckBox
  
  &lt;button (click)="filter = !filter"&gt;Change Status&lt;/button&gt;
  </code></pre>
  
  <p><strong>TS</strong></p>
  
  <pre><code>export class HelloWorld {
  
    filter : false;
  
    onFilterChange() {
      console.log('filter change called');
    }
  }
  </code></pre>
  
  <p>When I directly click on the check box change event is triggered. But when I click on "Change Status" button checkbox status is changing but change event is not triggering. Can some one please let me know how to do this?</p>