title: checkbox change issue with model value in edge browser
body: <p>In my angular application i have a checkbox input .
  The issue is in IE,Edge browser</p>
  
  <p>below is the checkbox code</p>
  
  <pre><code> &lt;label class="i-switch i-switch-lg pull-right"&gt;
           &lt;input type="checkbox" name="mytoggle" [(ngModel)]="togglestatus" (click)="checkstatus($event)" /&gt;
          &lt;i&gt;&lt;/i&gt;
  </code></pre>
  
  <p></p>
  
  <p>In my component i have code based on the status of the input
  below is the code</p>
  
  <pre><code>checkstatus(e){
      console.log(this.togglestatus);
  
      if (this.togglestatus) 
         console.log("toggle selected");           
      else 
         console.log("toggle not selected");
      }
  </code></pre>
  
  <p>this works fine in Chrome and Firefox browser but in edge and IE it works completely opposite.</p>
  
  <p>In <strong>Chrome</strong> and <strong>Firefox</strong> i get console log for <strong>togglestatus</strong> as <strong>false</strong>
  but in <strong>IE</strong> and <strong>edge</strong> i get it as <strong>true</strong>.</p>
  
  <p>How to resolve this </p>
  
  <p>How to write the function that it works for Edge as well.</p>
  
  <p>Please guide!</p>
  
  <p>Thanks</p>