2016-05-05 10 views
0

こんにちは.successと.errorの代わりにAngular JS の助けが必要です。どうすればこのコードを.thenと.catchを使ってビルドできますか?私は単純に.successと.errorを変更して.catchに変更するのはうまくいかないと思う。AngularJS .successメソッドと.thenメソッド

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope, $http) { 
$scope.formData = {}; 
$http.get('/api/work') 
.success(function(data) { 
$scope.tasks = data; 
}) 
.error(function(data) { 
console.log('Error: ' + data); 
}); 
}); 
+0

'.then(successCallback).catch(errorCallback)' – Kyle

答えて

1

このための角度apiはかなり長い時間がかかりました。

今あなたが交換する必要があります。

$http.get('/api/work') 
    .success(function(data) { 
     $scope.tasks = data; 
    }) 
    .error(function(data) { 
     console.log('Error: ' + data); 
    }); 

をこの

$http.get('/api/work') 
    .then(function(response) { 
     $scope.tasks = response.data; 
    }, function(data) { 
     console.log('Error: ' + data); 
    }); 

に "それから" このように動作しますので:

.then(successCallback, errorCallback, notifyCallback) 
+0

あまりにも... * response *オブジェクト全体がデータだけでなく、 'then()'コールバックに渡されます。それは '.then(response => $ scope.tasks = response.data)' – Phil

+0

Philは大丈夫です。コードをコピーしてコピーします。私の回答は彼の提案に従って既に更新されています。 – scyrizales

+0

これはエラーと同じですstate/'catch'コールバックも同様です。 – Phil

-1

使用するためには、 "それから" 私は信じていますプロミスを使用する必要があります。ここをクリックしてくださいAngular Promises

+0

' $ http'サービスは、HTTPの 'response'オブジェクトで解決/拒否された約束を返します。 – Phil

+0

私はいつも人々が答えの代わりにコメントを投稿する理由を疑問視してきました。今私は知っている。教育に感謝します。 –

関連する問題