承諾鏈不按預期工作

Question

使用下面的代碼，即使服務器返回500，我的控制器的publish()也會始終轉到createCompleted()。我當時的印象是，當從服務器返回400或500代碼時，將執行catch() 。

//服務

function create(item) { 
    return $http 
     .post(api, item) 
     .then(createCompleted) 
     .catch(createFailed); 

    function createCompleted(response) { 
     return response.data; 
    } 

    function createFailed(error) { 
     $log.error('XHR Failed for create: ' + error.data); 
    } 
} 

//在控制器

function publish(item) { 

    item.published = true; 

    return itemService.create(item) 
     .then(createCompleted) 
     .catch(createFailed); 

    function createCompleted(response) { 
     alertService.add('success', 'success.'); 
     $state.go('^'); 
    } 

    function createFailed(error) { 
     alertService.add('error', 'failed'); 
    } 
} 

而控制器的createFailed()不打，服務createFailed()總是命中。

這是怎麼回事？

Answer 1

那是因爲你沒有正確傳播錯誤。您需要拋出異常或從createFailed函數明確拒絕。

function createFailed(error) { 
    $log.error('XHR Failed for create: ' + error.data); 
    throw error; 
    // or 
    return $q.reject(error); // inject $q 
} 

所以你的情況，因爲你不返回任何東西，假設從值爲「未定義」返回的承諾解決。