I have trouble on one device with Android 4.2. when use click on div it should change color, or fill value, and send update to server via API. So issue is that some times view is not update for some time but then after few seconds (from 2 up to 15 seconds) it will continue working and update view. I know that it work because when user clicks i got requests to server.
Code is very simple.
<div ng-repeat="zahid in zahody.List" data-number="{{zahid.Number}}">
<div class="item item-divider clr" style="background: #5e87b0;color:white;" role="heading"
data-number="{{zahid.Number}}">
{{'Zahid' | translate}} {{(1 * zahid.Number + 1)}} ({{zahid.Couples.length}} {{'TotalItems' |
translate}})
</div>
<div class="item left" ng-repeat="couple in zahid.Couples" ng-style="getStyle(couple)"
ng-click="changeScore(couple, $event)"
style="text-align: center;font-weight:bold; font-size:26px;padding: 6px 10px;margin: 13px;">
{{couple.Number}}
</div>
<div class="clr"></div>
</div>
Action
$scope.changeScore = function (data, event) {
stopBlink();
currentZahid = $(event.currentTarget).prevAll("div[role='heading']").data("number");
if (!showDropDowns()) {
if (!data.Score || data.Score == 0 || data.Score == 3) {
data.Score = 1;
} else if (data.Score == 1) {
data.Score = 2;
} else {
data.Score = 3;
}
$scope.totalSelected = getPairWithScore().length;
} else {
if(!$scope.currentPair){alert('Виберіть пару натиснувши на її номер');return;}
//$(".pairItemList").removeClass("selectedPair");
data.Score = $(event.currentTarget).data("place");
validateFinalsCores(event);
}
DanceService.saveChoices(getPairWithScore(), currentZahid, $scope.dance.DanceIndex);
};
and function to change color
$scope.getStyle = function (pair) {
console.log("getStyle");
if ($scope.category.Kolo == 1) {
//return this.IncorrectPlace() ? "background:red;" : "";
} else if (pair.Score == 1) {
return {'background-color': '#2f2f2f', 'color': 'white'};
} else if (pair.Score == 2) {
return {'background-color': 'yellow'};
} else if (pair.Score == 3) {
return {'background-color': 'lightskyblue'};
}
};