AngularJs
コード、特に$q.defer()
およびpromise
メソッドを簡略化したいと思います。
$q.defer()
hereの間違った使い方の例を示すブログを見ました。この簡単な方法に準拠するために、以下のコードを書き直していただきたいと思います。
:これはブログの例である:
これ:
return $http.get('options.json').then(function(response) { return response.data; });
var defer = $q.defer();
$http.get('options.json').success(function(result) {
defer.resolve(result);
});
return defer.promise;
に変更することができます以下は
3つの機能の適切なデータを返すために、3種類のサービスから(この例では、 "ステージ" それを呼び出すことができます)です:
ステージ1:SocialMediaUserService
this.checkSocialMediaSubscription = function() {
var isSubscribed = $q.defer();
GetUserAccessService.returnBrandProfileID().then(function (brandProfileID) {
if (brandProfileID === 0) {
isSubscribed.resolve(false);
}
else {
isSubscribed.resolve(true);
}
});
return isSubscribed.promise;
};
ステージ2: GetUserAccessService
this.returnBrandProfileID = function() {
var brandProfileID = $q.defer();
if (angular.isUndefined($sessionStorage.brandProfileID)) {
GetDataService.getItems('GetUserAccess/' + $cookies.get('authenticationID'))
.success(function (accessObject) {
$sessionStorage.brandProfileID = accessObject.FusewareID;
brandProfileID.resolve(accessObject.FusewareID);
})
.error(function (error, status) {
console.error('Fuseware API error: ' + error + ' Status message: ' + status);
});
}
else {
brandProfileID.resolve($sessionStorage.brandProfileID);
}
return brandProfileID.promise;
};
ステージ3:GetDataS ervice一般に
.factory('GetDataService', ['$http', 'WebServiceURL', function ($http, WebServiceURL) {
var DataFactory = {};
DataFactory.getItems = function (ServiceParameter) {
console.log(WebServiceURL + '/' + ServiceParameter);
return $http.get(WebServiceURL + '/' + ServiceParameter, { cache: true });
};
return DataFactory;
}
Tobiは既に述べたことに加えて、以下のような約束を連想させるライブラリを確認することができます:https://github.com/kriskowal/qまたはhttps://github.com/petkaantonov/bluebird –
参考にしていただきありがとうございます! – onmyway