Question

在我的角度应用程序中，我有一个复选框输入。问题出在IE，Edge浏览器中

下面是复选框代码

 <label class="i-switch i-switch-lg pull-right">
         <input type="checkbox" name="mytoggle" [(ngModel)]="togglestatus" (click)="checkstatus($event)" />
        <i></i>

在我的组件中，我有基于输入状态的代码下面是代码

checkstatus(e){
    console.log(this.togglestatus);

    if (this.togglestatus) 
       console.log("toggle selected");           
    else 
       console.log("toggle not selected");
    }

这在Chrome和Firefox浏览器中工作正常，但在edge和IE中却完全相反。

在 Chrome 和 Firefox 中，我获得 togglestatus 的控制台日志为 false 但在 IE 和 edge 中，我将其作为 true 。

如何解决此问题

如何编写同样适用于Edge的功能。

请指导！

谢谢

Answer 1

使用change代替click

<label class="i-switch i-switch-lg pull-right">
         <input type="checkbox" name="mytoggle" [(ngModel)]="togglestatus" (change)="checkstatus($event)" />
 </label>

Demo

边缘浏览器中模型值的复选框更改问题

1 个答案: