Search code examples
angularcheckboxinputinternet-explorer-11angular5

Internet Explorer 11 - Not able to check input type checkbox in angular 5

Using input type checkbox and ngmodel, ngmodelchange, checked attribute of angular. Please check below.

<input type="checkbox" [checked]="item.selected" [(ngModel)]="item.selected"/>

Checkbox is working fine in google chrome and firefox, but when i test in IE11, I'm not able to check the checkbox.

But when i double click continuously, then the checkbox got checked.

Note: Default html5 checkbox is working as expected

<input type="checkbox" name="checkme">

Any ideas that i can make checkbox to be checked by single click as normal in IE 11. Anyone facing this issue and let me know if issue fixed by anyone.

Thanks in advance.

Solution

  • Are you using boolean value for item.selected? Try to set it as a string 'checked', maybe.