在 AngularJS 应用程序中使用来自 WebApi 的 JSON 数据

Question

我从 WebApi 获取了一些数据，答案（在获取数据的代码下方）是 JSON。但我无法从 angularJS 访问这个结果。数据看起来像：

{
  "$id": "1",
  "result": [
    {
      "$id": "2",
      "name": "Français",
      "code": "FR",
      "id": 1
    },
    {
      "$id": "3",
      "name": "Néerlandais",
      "code": "NL",
      "id": 2
    },
    {
      "$id": "4",
      "name": "English",
      "code": "EN",
      "id": 3
    }
  ]
}

但是当我尝试显示结果时出现以下错误：

data.result is undefined

我得到这样的数据：

(function () {
    angular.module('myApp')
        .factory('dataService', ['$q', '$http', dataService]);

    function dataService($q, $http) {
        return {
            initFormCustomer: initFormCustomer
        };

        function initFormCustomer() {
            return $http({
                method: 'GET',
                url: 'http://localhost:123456/api/forminit/customer/',
                headers: {
                },
                transformResponse: transformCustomer,
                cache: true
            })
            .then(sendResponseData)
            .catch(sendGetCustomerError)
        }

        function sendResponseData(response) {
            return response.data;
        }

        function transformCustomer(data, headersGetter) {
            var transformed = angular.fromJson(data.result);
            console.log(data.result[0]);
            return transformed;
        }

        function sendGetCustomerError(response) {
            return $q.reject('Error retrieving customer(s). (HTTP status: ' + response.status + ')');
        }
    }
}());

控制器：

(function () {

    angular.module('myApp')
        .controller('customerController', ['$location', '$scope', 'dataService', CustomerController]);

    function CustomerController($location, $scope, dataService) {
        var vm = this;

        vm.languages = dataService.initFormCustomer();
    }

}());

Answer 1

我认为 transform 函数会获取一个 json 字符串，在将其用作对象之前必须对其进行反序列化...尝试类似：

function transformCustomer(data, headersGetter) {
        var transformed = angular.fromJson(data);
        console.log(transformed.result[0]);
        return transformed.result;
    }

此外，您还可以查看文档 https://docs.angularjs.org/api/ng/service/$http 。有一些代码显示了如何将转换附加到默认转换（执行反序列化和 XSRF 检查）