如何在angularjs中使用defer和promise创建$http post服务

Question

var myAppModule = angular.module('myApp', []);
myAppModule.controller('mainController', function($scope, userService) {
    $scope.addUser = function() {
        var email = $scope.user.email;
        var password = $scope.user.password;
        userService.addFriend(email, password).then(function() {
            console.log( 'errorMessage' );
        });
        $scope.user.email = '';
        $scope.user.password = '';
    }
});
app.service('userService', function($http, $q) {
    var deffered = $q.defer();
});

这是我的不完整代码，请更正它。请改正。

Answer 1

请看下面的 cmets 数据如何在控制器和服务之间流动..

var myAppModule = angular.module('myApp', []);
// Your controller starts here 
     myAppModule.controller('mainController', function($scope,userService){
        $scope.addUser = function(){
         var email = $scope.user.email;
         var password = $scope.user.password;
         // Call the Service API which is returns a PROMISE
         userService.addFriend(email, password).then(function(response){
         // you will receive data here .. 
         // do what you want to do with data on success

         }, function(error){ // here error comes ...});
         $scope.user.email = '';
         $scope.user.password = '';
       }
  });

  // your service starts here 

  app.service('userService', function($http){
    // you dont require defer $q
    // var deffered = $q.defer();
    // this function returns $http promise...

    this.addFriend = function(email, password){

        return $http({
            url : "enter url here",
            data : JSON.stringify({email: email, password : password}),
            method : "GET" // can be GET or POST based on your API
          });

    };
});

Answer 2

你需要在userService中定义需要的方法addFriend，这里是一个例子

myAppModule.service('userService', function($http, $q){
      this.addFriend = function (email, password) {
            var deferred = $q.defer();
            var promise = $http({
                method: 'POST',
                url: <<Url>>,
                data: { 
                    email : email, 
                    password : password
                }
            }).success(function (data) {
                deferred.resolve(data);
            }).error(function (data, status) {
                deferred.reject(data);
            });
            return promise;
     }
});