Angularjs：无法读取未定义的属性'then'答案

【问题标题】：Angularjs: Cannot read property 'then' of undefinedAngularjs：无法读取未定义的属性'then'
【发布时间】：2017-05-13 18:38:30
【问题描述】：

使用 angularjs 向 Web api 发出获取请求时出现错误。可以对此发表任何评论。

$scope.getSelections = function () {
                    var user = ($scope.userInfo.userName).toString();
                    selectionsaveSrv.getSelections(user).then(function (data) {
                        var data = data;
                    });
                }

服务：

function selectionsaveservice(appConfig, $q, fSrv, localStorageService, adalAuthenticationService, $http) {


getSelections = function (user) {
    var user = user;
    var webApiuri = appConfig.webApiUri + '/UserPreferences/GetSelections';
    $http.get(webApiuri, { params: { UserName: user } }).
    success(function (data, status, headers, config) {
        return data;
    }).
    error(function (data, status, headers, config) {
    });
}

return { getSelections: getSelections }

}

【问题讨论】：

我认为$http 服务的success 和error 方法在1.2.x 版本中已从角度中删除。用then方法替换那些。

标签： angularjs asp.net-web-api

【解决方案1】：

根据角度文档。成功和错误方法不再可用。这些方法已弃用，而是建议使用标准 .then 方法。

如下更改您服务中的 getSelections 方法，

getSelections = function (user) {
    var user = user;
    var webApiuri = appConfig.webApiUri + '/UserPreferences/GetSelections';    
    $http.get(webApiuri, { params: { UserName: user } }).
    .then(function(response){
         if(response.status === 200) {
             return response.data;
         }
    }, function(error) {
        console.log(error)
    });
}

【讨论】：

这不能回答问题..核心问题是 getSelections 函数没有返回承诺..

【解决方案2】：

由于错误明确指出 无法读取未定义的属性 'then'，错误背后的原因是 .then 方法在 promise 对象上可用，您期望从getSelections 方法。通过从getSelections 方法返回承诺应该可以解决您的问题。

getSelections = function (user) {
    var user = user;
    var webApiuri = appConfig.webApiUri + '/UserPreferences/GetSelections';
    return $http.get(webApiuri, { params: { UserName: user } });
}

注意：不要使用 success 和 error 回调，因为它们已被弃用

【讨论】：