$ apply sudah dalam error progres

Jejak tumpukan:

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

merujuk pada kode ini 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
        });
    })

Anehnya, pada LG4X saya berfungsi dengan baik, namun pada samsung s2 saya melempar kesalahan di atas. Ada ide apa yang salah?

Anda mendapatkan kesalahan ini karena Anda menelepon $apply siklus pencernaan yang ada.

Pertanyaan besarnya adalah: mengapa Anda menelepon $apply? Anda seharusnya tidak perlu menelepon $applykecuali Anda berinteraksi dari acara non-Angular. Keberadaan$apply biasanya berarti saya melakukan sesuatu yang salah (kecuali, sekali lagi, $ berlaku terjadi dari peristiwa non-Angular).

Jika $apply benar-benar sesuai di sini, pertimbangkan untuk menggunakan pendekatan "terapkan aman":

https://coderwall.com/p/ngisma

Cukup gunakan $ evalAsync bukan $apply.

Anda dapat menggunakan pernyataan ini:

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

Jika lingkup harus diterapkan dalam beberapa kasus, maka Anda dapat mengatur batas waktu sehingga $ berlaku ditangguhkan hingga centang selanjutnya

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

atau bungkus kode Anda dalam $ timeout (function () {..}); karena $ secara otomatis akan menerapkan lingkup di akhir eksekusi. Jika Anda membutuhkan fungsi Anda untuk berperilaku sinkron, saya akan melakukan yang pertama.

Dalam kasus saya, saya menggunakan $applydengan UI kalender sudut untuk menautkan beberapa acara:

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

Setelah membaca dokumen masalah: https://docs.angularjs.org/error/ $ rootScope / inprog

Bagian Inconsistent API (Sync / Async) sangat menarik:

Misalnya, bayangkan perpustakaan pihak ke-3 yang memiliki metode yang akan mengambil data untuk kita. Karena mungkin membuat panggilan tidak sinkron ke server, itu menerima fungsi panggilan balik, yang akan dipanggil ketika data tiba.

Karena, konstruktor MyController selalu dipakai dari dalam panggilan $ apply, handler kami mencoba memasukkan blok $ apply baru dari dalam satu.

Saya mengubah kode menjadi:

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

Bekerja seperti pesona!

Di sini kami telah menggunakan $ timeout untuk menjadwalkan perubahan pada cakupan di tumpukan panggilan mendatang. Dengan memberikan periode waktu habis 0ms, ini akan terjadi sesegera mungkin dan $ timeout akan memastikan bahwa kode akan dipanggil dalam satu blok $ apply tunggal.

Di sudut 1.3, saya pikir, mereka menambahkan fungsi baru - $scope.$applyAsync(). Panggilan fungsi ini berlaku nanti - setidaknya sekitar 10 ms. Ini tidak sempurna, tetapi setidaknya menghilangkan kesalahan yang mengganggu.

https://docs.angularjs.org/api/ng/type/ $ rootScope.Scope # $ applyAsync

Kapan pun, hanya ada satu $digestatau $applyoperasi yang sedang berjalan. Ini untuk mencegah sangat sulit mendeteksi bug memasuki aplikasi Anda. Tumpukan jejak kesalahan ini memungkinkan Anda untuk melacak asal dari saat ini melaksanakan $applyatau$digest panggilan , yang menyebabkan kesalahan.

Info lebih lanjut: https://docs.angularjs.org/error/$rootScope/inprog?p0=$apply

Baru saja menyelesaikan masalah ini. Ini didokumentasikan di sini .

Saya menelepon $rootScope.$applydua kali dalam aliran yang sama. Yang saya lakukan adalah membungkus isi fungsi layanan dengan a setTimeout(func, 1).

Saya tahu ini pertanyaan lama tetapi jika Anda benar-benar perlu menggunakan $ scope. $ ApplyAsync ();

Saya memanggil $ scope. $ Berlaku seperti ini untuk mengabaikan panggilan berulang dalam satu kali.

      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);
      }

cukup telepon

callApply();