如何使用 AngularJS 獲得 promise 結果

Question

以下是用於從 sharepoint 中檢索信息的 controller。 我可以看到調試條目data.d.UserProfileProperties.results[115].Value具有我需要在視圖中呈現的屬性值。 如何從結果 promise 中獲得該值？

(function() {
    'use strict'
    var createPurchasingCardController = function($scope, $rootScope, $filter, $window, $location, $timeout, requestService) {        

        $scope.actionTitle = "";
        $scope.counter = [];                      

        var getCurrentUserData = function () {

            var dfd = new $.Deferred();
            var queryUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/SP.UserProfiles.PeopleManager/GetMyProperties";
            $.ajax({
                url: queryUrl,
                method: "GET",
                headers: { "Accept": "application/json; odata=verbose" },
                success: onSuccess,
                error: onError,
                cache: false
            });

            function onSuccess(data) {            
                dfd.resolve(data);                    
            }

            function onError(data, errorCode, errorMessage) {
                dfd.reject(errorMessage);
            }

            return dfd.promise();               
        }            

        var _init = function () {                
            $scope.counter = getCurrentUserData();
            console.log($scope.counter);
        }

        _init();

    }

    angular.module('myApp').controller('createPurchasingCardController', ['$scope', '$rootScope', '$filter', '$window', '$location', '$timeout', 'requestService', createPurchasingCardController]);
}());

我試圖把它放進櫃台，但它沒有出現。 任何幫助，將不勝感激。

Answer 1

不要使用 jQuery .ajax ，而是使用 $http 服務：

function getCurrentUserData() {
    var queryUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/SP.UserProfiles.PeopleManager/GetMyProperties";
    var promise = $http({
        url: queryUrl,
        method: "GET",
        headers: { "Accept": "application/json; odata=verbose" },
        cache: false
    }).then(function(response) {
        return response.data;
    }).catch(function(response) {
        console.log("ERROR", response);
        throw response;
    });

    return promise;               
} 

然后從返回的 promise 中提取數據：

function _init() {                
    var promise = getCurrentUserData();

    promise.then(function(data) {
        $scope.counter = data;
        console.log($scope.counter);
    });     
}

_init();           

$http 服務返回的承諾與 AngularJS 框架集成。 只有在 AngularJS 執行上下文中應用的操作才能受益於 AngularJS 數據綁定、異常處理、屬性監視等。

有關詳細信息，請參閱

• AngularJS $http 服務 API 參考

Answer 2

將您的響應 object 分配給$scope object

function onSuccess(data) {            
    $scope.promiseData = data
    dfd.resolve(data);                    
}