Похоже, что в IE, если вы действительно быстро установите / снимите флажок, он не догоняет последнюю вызываемую функцию.
У меня есть немного кода, который отлично работает на Chrome, но в IE он просто теряет фактическое значение.
vm.total должен увеличиваться или уменьшаться на 1 при нажатии на него. Chrome слева, IE справа (не обращайте внимания на минусы, я сделал это наоборот на скриншотах):
Есть ли способ остановить это или улучшить скорость реакции IE?
angular.module('app',[])
.controller('mainCtrl', function() {
var vm = this;
vm.total = 0;
vm.isSelected = false;
vm.addSubtractOne = function() {
if(vm.isSelected) {
vm.total += 1;
} else {
vm.total -= 1;
}
console.log(vm.total);
}
})
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js"></script>
</head>
<body>
<div ng-controller="mainCtrl as vm">
<form>
<input type="checkbox" name="alertsFilter" id="alertsFilter" ng-value="1" ng-model="vm.isSelected" ng-click="vm.addSubtractOne()">
<label for="alertsFilter">+1</label>
<p ng-bind="vm.total"></p>
</div>
</form>
</div>
</body>
</html>