根据用户对javascript的响应更改材质幻灯片切换的值'；确认'；

我正在实现一个有角度的材质滑动切换。如果用户正在将切换从true切换到false，我想显示一个确认，确保他们愿意这样做。如果他们说取消，我想保持幻灯片切换设置为真。我做错了什么

以下是组件的html：

<md-slide-toggle checked="checked" (change)="changeEvent($event)">Slide Toggle</md-slide-toggle>

这是一个plunker展示了我目前所拥有的

---

如何实现这一点？

首先，为滑块设置一个模型并更改名称（“选中”似乎会导致问题）。对于选中的

属性也使用[]。然后在对话框中取消或确认时，将该值设置为true或false。否则
ev.checked
值将“丢失”，它不会执行任何操作：

HTML:

<md-slide-toggle [checked]="myValue" (change)="changeEvent($event)">Slide Toggle</md-slide-toggle>

... 
if (ev.checked === false) {
      var x = confirm("Are you sure?")
      if (!x) {
        this.myValue = true; 
      }
}


... 
if (ev.checked === false) {
      var x = confirm("Are you sure?")
      if (!x) {
        this.myValue = true; 
      }
}