Angular Callback oder Versprechen, Rücklauf Tal einzufangen

Question

Ich bin mein Gehirn versucht, dies richtig funktionieren zu bekommen. Ich habe Rückrufe und Versprechungen versucht und bin offen für beides. Ich habe meinen Code mit dem von Joe Eames in einer Pluralsight-Klasse angelegten Mean Stack modelliert. Ich lerne immer noch so bitte entschuldigen Sie meine Terminologie, wenn sie falsch ist, aber hier ist, wie das mit Code funktioniert, wie unten dargestellt.

Meine Schnittstelle ruft flQuestionCrudCtrl.createQuestion auf, die flQuestionCrud.createNewQuestion aufruft, die flQuestion.Create aufruft. flQuestion.Create führt eine http-Post-Anfrage an einen Server durch, der in eine mongodb-Sammlung schreibt. Alles scheint gut zu funktionieren, Daten werden in die Datenbank geschrieben und ich kann den Rückgabewert in flQuestionCrud pro Konsolenprotokolle sehen. Wenn ich versuche, den Rückgabeparameter "data" in flQuestionCrudCtrl zu lesen, bekomme ich "Error: data is undefined". Ich habe jede Kombination aus Callback und Versprechen ausprobiert, kann sie aber nicht zum Laufen bringen. Kannst du sehen, was ich falsch mache?

angular.module('app').controller('flQuestionCrudCtrl',function(flConstructDataService, flQuestionDataService, flQuestionCrud, flCachedReferenceData,flCachedQuestions, flAnswer, $scope, $location, $q, flIdentity, flNotifier,$timeout, $state) { 


$scope.createQuestion = function() { 

function doWorkAsync() { 
    return $timeout(flQuestionCrud.createNewQuestion(currentQuestionData), 10); 
} 

doWorkAsync() 
    .then(function(data) { 
     console.log("flQuestionCrudCtrl - Success " + data); 
     console.log("flQuestionCrudCtrl - Success Statement " + data.statement); 
     console.log("flQuestionCrudCtrl - Success Question id " + data._id); 
     currentQuestionData._id = data._id; 
     flQuestionDataService.setNewQuestionId(data._id); 
     console.log("flQuestionCrudCtrl - currentQuestionData._id " + currentQuestionData._id); 
     console.log("flQuestionCrudCtrl - flQuestionDataService.getNewQuestionId() " + flQuestionDataService.getNewQuestionId()); 
     $state.go('questionUpdate'); 
    }) 
    .catch(function(err) { 
     console.log("flQuestionCrudCtrl - Error " + err); 
     $state.go('questionCreate'); 
    }) 
    .finally(); 
}; 

} 


angular.module('app').factory('flQuestionCrud',function($http, $q, $state, $timeout, flQuestion){ 
    return { 
     createNewQuestion: function(newQuestionData) { 
      console.log("Before - flQuestion.create"); 

     function createQuestionDataAsync(questionData) { 
      console.log("flQuestionCrud - Before Call to create ") 
      var returnData; 
      flQuestion.create(questionData, function(data) { 
       console.log("flQuestionCrud - After Call to create ") 
       if (!data){ 
        return Error("Error Creating Data"); 
        //return null; 
       } 
       else { 
        console.log("flQuestionCrud - Try Section - Success " + data); 
        console.log("flQuestionCrud - Try Section - Success Statement " + data.statement); 
        console.log("flQuestionCrud - Try Section - Success Question id " + data._id); 
       } 
       return data; 
      }); 
     } 

     createQuestionDataAsync(newQuestionData); 
    }, 

Answer 1

Ihre flQuestionCrud.createNewQuestion() Methode sollte das Versprechen mit data aufgelöst zurück:

angular.module('app') 
    .factory('flQuestionCrud', function($http, $q, $state, $timeout, flQuestion){ 
     return { 
      createNewQuestion: function(newQuestionData) { 
       var deferred = $q.defer(); 

       flQuestion.create(questionData, function(data) { 
        if (data){ 
         // whatever we resolve the promise with will be passed 
         // to the `then` handler in the controller 
         deferred.resolve(data); 
        } 
        else { 
         deferred.reject("Error Creating Data"); 
        } 
       }); 

       return deferred.promise; 
      } 
      // ... 
     } 
    }); 

Hinweis, wir ausdrücklich das Versprechen zu schaffen und lösen oder es ablehnen zu welcher flQuestion.create() Renditen abhängig.

Auf diese Weise werden Sie auch die data in Ihrem Controller, wie Sie es tun zuzugreifen:

flQuestionCrud.createNewQuestion(currentQuestionData) 
    .then(function(data) { 
     // work with data here 
    }); 

oder

doWorkAsync() 
    .then(function(data) { 
     // work with data here 
    });