Проблема с изменением флажка со значением модели в браузере Edge

В моем приложении angular у меня есть флажок. Проблема в 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.info(this.togglestatus);

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

это отлично работает в браузерах Chrome и Firefox, но в Edge и IE работает совершенно противоположно.

В Хром и Fire Fox я получаю журнал консоли для togglestatus как ложный но в IE и край я получаю его как истинный.

Как решить эту проблему

Как написать функцию, которая работает и для Edge.

Пожалуйста, направляйте!

Спасибо

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
0
1 102
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Используйте change вместо click

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

Демо

Другие вопросы по теме