如何在服務向角控js中的控制器返回錯誤後在頁面上顯示錯誤？

Question

現在我試圖顯示從服務到controller..When我想顯示錯誤的不低於working.The返回的響應是，我試圖

var app=angular.module('httpExample',[]); 
app.controller("FetchController",["$scope","clickevent",function($scope,clickevent){ 
    clickevent.fetch().then(function(response){ 
     $scope.req=response; 
     console.log(angular.toJson(response)); 
    }).error(function(error){ 
      console.log(error); 
    }); 

}]); 
app.service("clickevent",['$http',function($http){ 

     var clickevent={ 
       fetch:function(){ 
        var prom=$http({method:"GET",url:"http://www.w3schools.com/angular/customers.php"}). 
        success(function(response){ 
         return response; 
        }). 
        error(function(err){ 
         return err; 
        }); 
        return prom; 
       } 
     }; 
     return clickevent; 
    }]); 

Answer 1

承諾的代碼沒有error()功能。他們有一個catch()函數。 success()和error()特定於由$ http返回的承諾，而那些已棄用函數不允許鏈接，如then()和catch()允許。

這裏是你的代碼應該如何看起來像：

var app = angular.module('httpExample',[]); 

app.controller("FetchController",["$scope", "clickevent", function($scope, clickevent){ 
    clickevent.fetch().then(function(data) { 
     $scope.req = data; 
     console.log(angular.toJson(data)); 
    }).catch(function(error) { 
     console.log(error); 
    }); 
}]); 

app.service("clickevent",['$http', '$q', function($http, $q){ 
    var clickevent = { 
     fetch: function() { 
      var prom = $http({method:"GET",url:"http://www.w3schools.com/angular/customers.php"}). 
       then(function(response) { 
        return response.data; 
       }). 
       catch(function(response) { 
        return $q.reject(response.data); 
       }); 
      return prom; 
     } 
    }; 
    return clickevent; 
}]);