在“然后”声明中解决承诺

Question

使用AngularJS，我可以像这样直接在服务中兑现我的承诺：

.factory('movieService', function($http, $log, $q) {
  return {
   getMovie: function(movie) {
     var deferred = $q.defer();
     $http.get('/api/v1/movies/' + movie)
       .success(function(data) { 
          deferred.resolve({
             title: data.title,
             cost: data.price});
       }).error(function(msg, code) {
          deferred.reject(msg);
          $log.error(msg, code);
       });
     return deferred.promise;
   }
  }
 });

如文档中所述（ https://docs.angularjs.org/api/ng/service/ $ http＃）：

$ http旧式的Promise方法成功和错误已被弃用。 请改用标准然后方法。 如果$ httpProvider.useLegacyPromiseExtensions设置为false，则这些方法将引发$ http / legacy错误。

因此，不赞成success和error 。

我如何在then语句中兑现承诺？

问候。

Answer 1

您的代码可以重写为：

.factory('movieService', function($http, $log, $q) {
    return {
        getMovie: function(movie) {
            var deferred = $q.defer();

            $http.get('/api/v1/movies/' + movie).then(function(response){
              var data = response.data;

              deferred.resolve({
                  title: data.title,
                  cost: data.price
              });
            }, function(msg, code) {
                deferred.reject(msg);
                $log.error(msg, code);
            });

            return deferred.promise;
        }
    };
});

尽管您要做的工作比必要的多。 它可以缩短为：

.factory('movieService', function($http, $log, $q) {
    return {
        getMovie: function(movie) {
            return $http.get('/api/v1/movies/' + movie).then(function(response){
              var data = response.data;

              return {
                  title: data.title,
                  cost: data.price
              };
            }, function(msg, code) {
                $log.error(msg, code);
            });
        }
    };
});

Answer 2

只需将两个函数作为参数传递给then() ，第一个用于成功，第二个用于失败。

...

$http.get('/api/v1/movies/' + movie)
.then(function(result) { 
          //Your success code here
       },
      function(result) {
          //Your fail code here
       });
...

但是严格来说， then()返回一个promise。 您正在做的是等待其解决，然后使用该解决方案来解决另一个具有相同数据的承诺。 您无需打扰； 只需返回$http链。 诚然，在$ http和$ q的文档中，它们可能对then()更为清晰。

Answer 3

 .factory('movieService', function ($http, $log, $q) { return { getMovie: function (movie) { var deferred = $q.defer(); $http.get('/api/v1/movies/' + movie).then( //Success as first parameter function (data) { deferred.resolve({ title: data.title, cost: data.price }); }, // Error as second parameter function (msg, code) { deferred.reject(msg); $log.error(msg, code); } ); return deferred.promise; } } });