angularjs - 我怎样才能传回从AngularJS服务 promise ?

标签 angularjs

我的 Controller 中有一些代码直接调用 $http 来获取数据。
现在我想把它变成一个服务。这是我到目前为止所拥有的:

我的服务:

angular.module('adminApp', [])
.factory('TestAccount', function ($http) {
    var TestAccount = {};
    TestAccount.get = function (applicationId, callback) {
        $http({
            method: 'GET',
            url: '/api/TestAccounts/GetSelect',
            params: { applicationId: applicationId }
        }).success(function (result) {
            callback(result);
        });
    };
    return TestAccount;
});

Controller 内部:
   TestAccount.get(3, function (data) {
      $scope.testAccounts = data;
   })

我怎样才能改变这一点,而不是将成功的结果传回它
传回一个我可以检查它是成功还是失败的 promise ?

最佳答案

使您的服务返回 promise 并将其公开给服务客户。像这样改变你的服务:

angular.module('adminApp', [])
.factory('TestAccount', function ($http) {
    var TestAccount = {};
    TestAccount.get = function (applicationId) {
        return $http({
            method: 'GET',
            url: '/api/TestAccounts/GetSelect',
            params: { applicationId: applicationId }
        });
    };
    return TestAccount;
});

所以在 Controller 中你可以这样做:
TestAccount.get(3).then(function(result) {
   $scope.testAccounts = result.data;
}, function (result) {
    //error callback here...  
});

关于angularjs - 我怎样才能传回从AngularJS服务 promise ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16001400/

相关文章:

javascript - 按类名计算元素未按预期工作

javascript - AngularJS中单个路由器的多个 View

javascript - webpack-dev-server 未在 html 或 sass 更改时重新加载

javascript - 如果没有 $evalAsync inside 指令,$animate.removeClass 无法工作?

javascript - 使用 AngularJS 从 Unsplash 预加载随机图像

javascript - AngularJS - 将单击事件绑定(bind)到指令元素的子元素

AngularJS 将值绑定(bind)到数据属性中

javascript - 当过滤数组为空时 Angular 隐藏

javascript - angular.js、javascript 中的多个 Controller 实例

angularjs - Angular $http.post 返回空错误