title: slide-toggle should not change when I click the `confirm cancel` button
body: <p>In my project I used slide-toggle to activate or deactivate a product.
  Everything works ok, only when I add a confirmation dialog, my slide change  like in <a href="https://stackblitz.com/edit/angular-bspml8-qtafs2?file=app/slide-toggle-configurable-example.html" rel="nofollow noreferrer">Demo</a>.</p>
  
  <p>So when I click cancel, slide-toggle change when I click ok, slide-toggle changes.</p>
  
  <p>My code html:</p>
  
  <pre><code>&lt;mat-card class="result"&gt;
    &lt;mat-card-content&gt;
      &lt;h2 class="example-h2"&gt;Result&lt;/h2&gt;
       &lt;section class="example-section"&gt;
        &lt;mat-slide-toggle
            class="example-margin"
            [color]="color"
            [checked]="checked"
            [disabled]="disabled"
            (click)="myfunction()"&gt;
          Slide me!
        &lt;/mat-slide-toggle&gt;
      &lt;/section&gt;
    &lt;/mat-card-content&gt;
  &lt;/mat-card&gt;
  </code></pre>
  
  <p>code ts:</p>
  
  <pre><code>export class SlideToggleConfigurableExample {
    color = 'accent';
    checked = false;
    disabled = false;
      myfunction() {
      if (confirm('Are you sure to change Status?')) {
       }
    }
  }
  </code></pre>
  
  <p>That I want to say is, how to change my slide-toggle when I click ok, when I click cancel, I do not want to change anything.</p>
  
  <p>Thank you.</p>