L'applicazione browser mobile Angular.js si blocca su iOS 8 Safari

Question

La nostra app Web Angular.js talvolta si blocca su iOS8 Safari. Quando si verifica questo problema, la richiamata con ng-clic non viene attivata. Se sostituisci ng-clic con un normale javascript onclick, funzionerebbe. Non succede in Chrome su dispositivi iOS8.

Qualcun altro ha notato questo problema su iOS8 Safari o ha una soluzione per questo?

Questa semplice vista si blocca a volte su iOS8 safari. Il blocco di solito si verifica quando la scheda è aperta, passa ad altre schede del browser o forse lascia l'esperienza del browser e torna più tardi. In questo esempio quando la vista si blocca mentre si tocca il link tapCount non aumenta. Più è complicata la vista e più facile diventa il congelamento. In questo esempio, il browser si blocca per alcuni secondi quando tocco rapidamente i collegamenti. Di solito il congelamento richiede più tempo per le viste realmente complicate.

var app = angular.module('myApp', []); 
 
app.controller('freezeCtrl', function($scope) { 
 
    $scope['tapCount'] = 0; 
 

 
$scope['dummyItems'] = []; 
 
for(var i = 0; i < 15; i++) { 
 
    var anItem = {'id': i}; 
 
    ($scope['dummyItems']).push(anItem); 
 
} 
 

 
$scope['updateTapCount'] = function() { 
 
    $scope.tapCount += 1; 
 
}; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="freezeCtrl"> 
 
    <p>Tap Count = {{tapCount}}</p> 
 
    <ul> 
 
     <li ng-repeat="item in dummyItems" bindonce> 
 
      <p>This is a dummy item #{{item.id}}</p> 
 
     </li> 
 
    </ul> 
 
    <div> 
 
     <button ng-click="updateTapCount()">Button 1</button> 
 
     <button ng-click="updateTapCount()">Button 2</button> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

ho trovato la soluzione e sembra che ho trovato la soluzione giusta per il tempo qualcun altro risolto il bug in angolare! È stato risolto in Angular 1.3.x.

Il bug si trova in "isArrayLike" nel codice angular.js. A volte mentre obj.length non è definito dopo l'assegnazione "var length = obj.length;" la lunghezza variabile ottiene il valore "1". Ciò comporterebbe isArrayLike che restituisce true per oggetti che non sono arrayLike. Questo bug, in particolare, spezzerebbe "forHandler" di angular's per Each e successivamente di JQLite. Quindi nessun gestore di eventi verrebbe eseguito quando ciò accadesse.