$ Apply wird bereits ausgeführt. Fehler

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

bezieht sich auf diesen code 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
        });
    })

Seltsame Sache, auf meinem LG4X funktioniert es einwandfrei, doch auf meinem samsung s2 wirft es den oben genannten Fehler. Irgendwelche Ideen, was falsch?

InformationsquelleAutor der Frage Lost in OWL | 2013-09-05

  1. 97

    Sie diese Fehlermeldung bekommen, weil Sie anrufen $apply innerhalb eines vorhandenen Verdauung Zyklus.

    Die große Frage ist: warum fordern Sie $apply? Sie sollten nicht immer anrufen müssen $apply es sei denn, Sie sind Schnittstellen von nicht-Winkel-event. Die Existenz von $apply in der Regel bedeutet, ich mache etwas falsch (es sei denn, wieder, die $anwenden, passiert aus einem nicht-Winkel-Ereignis).

    Wenn $apply wirklich angemessen ist hier, sollten Sie erwägen, ein "sicher anwenden" - Ansatz:

    https://coderwall.com/p/ngisma

    InformationsquelleAutor der Antwort Brian Genisio

  2. 55

    Verwenden Sie einfach $evalAsync statt $apply.

    InformationsquelleAutor der Antwort Adrian Neatu

  3. 38

    Können Sie verwenden Sie diese Anweisung:

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

    InformationsquelleAutor der Antwort Dariraze

  4. 22

    Wenn Umfang angewendet werden müssen, in einigen Fällen, können Sie ein timeout, so dass die $apply wird verzögert, bis der nächste tick

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

    oder wickeln Sie Ihren code in einem $timeout(function(){ .. }); weil es automatisch $anwenden der Umfang am Ende der Ausführung. Wenn Sie brauchen, Ihre Funktion Verhalten sich synchron wäre, würde ich die erste.

    InformationsquelleAutor der Antwort jeff.d

  5. 9

    In eckigen 1.3, ich denke, Sie wurde eine neue Funktion Hinzugefügt - $scope.$applyAsync(). Diese Funktion ruft später anwenden auf - Sie sagen etwa 10 ms später zumindest. Es ist nicht perfekt, aber es ist zumindest die Beseitigung der lästigen Fehler.

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

    InformationsquelleAutor der Antwort user3413723

  6. 7

    In meinem Fall nutze ich $apply mit Winkel-Kalender UI link einige event: 

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

    Nach dem Lesen der doc das problem: https://docs.angularjs.org/error/$rootScope/inprog

    Teil Inkonsistent API (Sync/Async) ist sehr interessant:

    Zum Beispiel, stellen Sie sich eine 3rd-party-Bibliothek, die eine Methode hat, die Daten abzurufen, die für uns. Da kann es einem asynchronen Aufruf an einen server, es akzeptiert eine callback-Funktion, welche aufgerufen wird, wenn die Daten eintreffen.

    Da, der MyController-Konstruktor ist immer instanziiert werden aus einem $gelten Aufruf, unsere handler zu versuchen, um eine neue $gelten-block in einem.

    Ich den code ändern zu : 

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

    Funktioniert wie ein Charme !

    Hier haben wir verwendet, $timeout zu planen, die änderungen des Umfangs in einem zukünftigen call-stack. Durch die Bereitstellung einer timeout-Zeit von 0ms, diese treten so bald wie möglich und $timeout wird sichergestellt, dass der code, der aufgerufen wird, werden in einem einzigen $anwenden blockieren.

    InformationsquelleAutor der Antwort mpgn

  7. 3

    An jedem beliebigen Punkt in der Zeit, kann es nur eine $digest oder $apply operation in progress. Dies soll verhindern, dass sehr schwer zu erkennen, bugs aus der Eingabe Ihrer Anwendung. Der stack-trace dieser Fehler ermöglicht es Ihnen zu verfolgen die Herkunft der aktuell ausgeführten $apply oder $digest nennen, die den Fehler verursacht hat.

    Mehr info:
    https://docs.angularjs.org/error/$rootScope/inprog?p0=$gelten

    InformationsquelleAutor der Antwort forgottofly

  8. 2

    Nur dieses Problem behoben. Seinen dokumentiert hier.

    Ich rief $rootScope.$apply zweimal in den gleichen Fluss. Ich habe gewickelt ist, der Inhalt der service-Funktion mit einem setTimeout(func, 1).

    InformationsquelleAutor der Antwort

  9. 1

    Ich weiß, es ist eine alte Frage, aber wenn Sie wirklich brauchen, Verwendung von $scope.$applyAsync();

    InformationsquelleAutor der Antwort akaco

  10. 0

    Rufe ich $scope.$anwenden, wie dies ignoriert, rufen mehrere in einem mal.

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

    rufen Sie einfach 

    callApply();

    InformationsquelleAutor der Antwort Marosdee Uma

Schreibe einen Kommentar