$ áp dụng đã có trong lỗi tiến bộ

Question

Stack trace:

Error: $apply already in progress 
at Error (<anonymous>) 
at beginPhase (file:///android_asset/www/built.min.js:7:22740) 
at Object.Scope.$apply (file:///android_asset/www/built.min.js:7:25967) 
at navigator.geolocation.getCurrentPosition.that (file:///android_asset/www/built.min.js:13:8670) 
at Object.geolocation.getCurrentPosition (file:///android_asset/www/plugins/org.apache.cordova.core.geolocation/www/geolocation.js:122:13) 
at Object.getCurrentPosition (file:///android_asset/www/built.min.js:13:8589) 
at Object.getCurrentPosition (file:///android_asset/www/built.min.js:13:8277) 
at Object.getCurrentCity (file:///android_asset/www/built.min.js:13:8941) 
at Object.$scope.locateDevice (file:///android_asset/www/built.min.js:13:10480) 
at file:///android_asset/www/built.min.js:7:12292:7 

đề cập đến mã này http://pastebin.com/B9V6yvFu

getCurrentPosition: cordovaReady(function (onSuccess, onError, options) { 

     navigator.geolocation.getCurrentPosition(function() { 
      var that = this, 
       args = arguments; 

      if (onSuccess) { 
       $rootScope.$apply(function() { 
        onSuccess.apply(that, args); 
       }); 
      } 
     }, function() { 
      var that = this, 
       args = arguments; 
      if (onError) { 
       $rootScope.$apply(function() { 
        onError.apply(that, args); 
       }); 
      } 
     }, { 
      enableHighAccuracy: true, 
      timeout: 20000, 
      maximumAge: 18000000 
     }); 
    }) 

Lạ một điều, trên tôi LG4X nó hoạt động tốt, tuy nhiên trên samsung của tôi s2 nó ném ở trên lỗi. Bất kỳ ý tưởng whats sai?

Answer 1

Bạn nhận được lỗi này vì bạn đang gọi $apply bên trong chu kỳ tiêu hóa hiện có.

Câu hỏi lớn đặt ra là: tại sao bạn gọi số $apply? Bạn không bao giờ cần phải gọi $apply trừ khi bạn đang giao tiếp từ một sự kiện không phải là Góc. Sự tồn tại của $apply thường có nghĩa là tôi đang làm điều gì đó sai (trừ khi, một lần nữa, $ áp dụng xảy ra từ một sự kiện không Góc).

Nếu $apply thực sự là thích hợp ở đây, hãy xem xét sử dụng một "an toàn áp dụng" phương pháp tiếp cận:

https://coderwall.com/p/ngisma

Answer 2

Nếu phạm vi phải được áp dụng trong một số trường hợp, sau đó bạn có thể thiết lập một thời gian chờ để các $ áp dụng là được hoãn cho đến lần đánh dấu tiếp theo

setTimeout(function(){ scope.$apply(); }); 

hoặc quấn mã của bạn trong $ timeout (function() {..}); bởi vì nó sẽ tự động $ áp dụng phạm vi ở cuối thực thi. Nếu bạn cần chức năng của bạn để hành xử đồng bộ, tôi sẽ làm điều đầu tiên.

Answer 3

Bạn có thể sử dụng câu lệnh:

if ($scope.$root.$$phase != '$apply' && $scope.$root.$$phase != '$digest') { 
    $scope.$apply(); 
} 

Answer 4

Chỉ cần giải quyết vấn đề này. Tài liệu của nó là here.

Tôi đã gọi số $rootScope.$apply hai lần trong cùng một luồng. Tất cả những gì tôi đã làm là gói nội dung của chức năng dịch vụ với setTimeout(func, 1).

Answer 5

Tại bất kỳ thời điểm nào, chỉ có thể có một hoạt động $digest hoặc $apply đang tiến hành. Điều này là để ngăn chặn rất khó để phát hiện lỗi xâm nhập vào ứng dụng của bạn. Theo dõi ngăn xếp của lỗi này cho phép bạn theo dõi nguồn gốc của cuộc gọi hiện tại đang thực hiện $apply hoặc $digest gây ra lỗi.

Thông tin thêm: https://docs.angularjs.org/error/$rootScope/inprog?p0=$apply

Answer 6

Chỉ cần sử dụng $evalAsync thay vì $apply.

Answer 7

Trong góc 1.3, tôi nghĩ, họ đã thêm một chức năng mới - $scope.$applyAsync(). Chức năng này gọi áp dụng sau này - họ nói khoảng 10 ms sau đó ít nhất. Nó không phải là hoàn hảo, nhưng nó ít nhất là loại bỏ các lỗi gây phiền nhiễu.

https://docs.angularjs.org/api/ng/type/ $ rootScope.Phạm vi # $ applyAsync

Answer 8

Trong trường hợp của tôi tôi sử dụng $apply với UI lịch góc liên kết một số sự kiện:

$scope.eventClick = function(event){   
    $scope.$apply(function() { 
     $location.path('/event/' + event.id); 
    }); 
}; 

Sau khi đọc doc của vấn đề: https://docs.angularjs.org/error/ $ rootScope/inprog

Phần không phù hợp API (Đồng bộ/Async) rất thú vị:

Ví dụ: hãy tưởng tượng thư viện của bên thứ ba có một phương pháp sẽ lấy dữ liệu cho chúng tôi. Vì nó có thể thực hiện một cuộc gọi không đồng bộ đến một máy chủ, nó chấp nhận một hàm gọi lại, nó sẽ được gọi khi dữ liệu đến.

Vì, hàm tạo MyController luôn được khởi tạo từ bên trong một lệnh $ apply, trình xử lý của chúng tôi đang cố gắng nhập một khối $ áp dụng mới từ bên trong một.

tôi thay đổi mã để:

$scope.eventClick = function(event){   
    $timeout(function() { 
     $location.path('/event/' + event.id); 
    }, 0); 
}; 

trình như một say mê!

Ở đây chúng tôi đã sử dụng $ timeout để lên lịch các thay đổi cho phạm vi trong ngăn xếp cuộc gọi trong tương lai. Bằng cách cung cấp khoảng thời gian chờ 0ms, điều này sẽ xảy ra càng sớm càng tốt và $ timeout sẽ đảm bảo rằng mã sẽ được gọi trong một khối $ áp dụng duy nhất.

Answer 9

Tôi gọi $ scope. $ Áp dụng như thế này để bỏ qua cuộc gọi nhiều lần trong một lần.

 var callApplyTimeout = null; 
     function callApply(callback) { 
      if (!callback) callback = function() { }; 
      if (callApplyTimeout) $timeout.cancel(callApplyTimeout); 

      callApplyTimeout = $timeout(function() { 
       callback(); 
       $scope.$apply(); 
       var d = new Date(); 
       var m = d.getMilliseconds(); 
       console.log('$scope.$apply(); call ' + d.toString() + ' ' + m); 
      }, 300); 
     } 

chỉ cần gọi

callApply(); 

Answer 10

Tôi biết đó là câu hỏi cũ nhưng nếu bạn thực sự cần sử dụng $ phạm vi $ applyAsync().