Queuing verspricht

Basic $q-Chain-Beispiel

Ja, Sie kann aufbauen einer verketteten queue mit Winkel $q! Hier ist ein Beispiel, das Ihnen zeigt, wie Sie eine Rekursion erstellen Sie eine Warteschlange von beliebiger Länge. In jedem post passiert in Folge (nacheinander). Der zweite posten wird nicht gestartet, bis der erste post ist fertig.

Dies kann hilfreich sein, beim schreiben in Datenbanken. Wenn die Datenbank nicht über einen eigenen Warteschlange auf dem back-End, und Sie machen mehrere Schreibvorgänge zur gleichen Zeit, können Sie feststellen, dass nicht alle Ihre Daten gespeichert!

Ich habe eine Plunkr Beispiel veranschaulichen diesen code in Aktion.

$scope.setData = function (data) {

  //This array will hold the n-length queue
  var promiseStack = [];

  //Create a new promise (don't fire it yet)
  function newPromise (key, data) {
    return function () {
      var deferred = $q.defer();

      var postData = {};
      postData[key] = data;

      //Post the the data ($http returns a promise)
      $http.post($scope.postPath, postData)
      .then(function (response) {

        //When the $http promise resolves, we also
        //resolve the queued promise that contains it
        deferred.resolve(response);

      }, function (reason) {
        deferred.reject(reason);
      });

      return deferred.promise;
    };
  }

  //Loop through data creating our queue of promises
  for (var key in data) {
    promiseStack.push(newPromise(key, data[key]));
  }

  //Fire the first promise in the queue
  var fire = function () {

    //If the queue has remaining items...
    return promiseStack.length && 

    //Remove the first promise from the array
    //and execute it 
    promiseStack.shift()()

    //When that promise resolves, fire the next
    //promise in our queue 
    .then(function () {
      return fire();
    });
  };

  //Begin the queue
  return fire();
};

Können Sie eine einfache Funktion, um zu beginnen Ihre Warteschlange. Für die Zwecke dieser demonstration, ich bin vorbei ein Objekt voller Tasten, um eine Funktion, die Spalten werden diese Schlüssel in einzelne posts, dann kannst du Sie Henry ' s HTTP-Post-Dumping-Server. (Dank Henry!)

$scope.beginQueue = function () {

  $scope.setData({
    a: 0,
    b: 1,
    /* ... all the other letters of the alphabet ... */
    y: 24,
    z: 25

  }).then(function () {

    console.log('Everything was saved!');

  }).catch(function (reason) {
    console.warn(reason);
  });
};

Hier ist ein link zu der Plunkr Beispiel wenn Sie möchten, um zu versuchen, diese code.

InformationsquelleAutor f1lt3r

Angekettet Verspricht

Eckig ist $q Umsetzung können Sie an die Kette verspricht, und dann Griff löst dieser verspricht, nach Ihrer eigenen Logik. Die Methoden sind ein bisschen anders als mbostock/queue, aber die Absicht ist die gleiche. Erstellen Sie eine Funktion, die bestimmt, wie Sie Ihr zeitlich verzögert aufgelöst wird (die Schaffung eines Versprechen), dann diese zur Verfügung stellen, auf eine höhere Ebene Steuerung/service für bestimmte Auflösung, Handhabung.

Winkel verwendet $q.defer() zurück-Versprechen Objekten, die dann aufgerufen werden, in der Reihenfolge, die Sie möchten, in Ihrer Anwendung Logik. (oder sogar übersprungen hat, mutiert ist, abgefangen, etc...).

Werfe ich einige code, aber ich fand dieses 7-Minuten-video unter eierkopf.io-die besten kurz-demo: https://egghead.io/lessons/angularjs-chained-promises, und es wird einen viel besseren job zu erklären. Thomas (der Moderator) baut eine sehr kleine Flug-dashboard-app, die Warteschlangen, bis die Wetter-und Flug-Daten und Prozesse-Warteschlange, wenn ein Benutzer Abfragen, Ihre itenerary. ThomasBurleson/angularjs-FlightDashboard

Ich in der Einrichtung eine kleinere demonstration auf codepen, mit der situation 'Essen in einem restaurant' um dies zu demonstrieren Konzept: http://codepen.io/LongLiveCHIEF/pen/uLyHx

Code-Beispiele hier:

https://gist.github.com/LongLiveCHIEF/4c5432d1c2fb2fdf937d

InformationsquelleAutor Brian Vanderbusch