angularjs从服务中获取正确的格式数据

Question

我试图通过角度和UI上的显示数据从json读取值。我无法做到这一点，因为我获取UI的格式不是数组。当我添加到控制台并查看格式时，它几乎没有什么不同。我试着玩＆＃34; c＆＃34;在控制台中，无法使用该对象。有关如何在我的页面上显示{{details}}的任何提示？

<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function ($scope, $http, MyService) {

            $scope.details = MyService.getDetails();
            console.log($scope.details);

    });
    app.service('MyService', function ($http) {
        this.getDetails = function (x, y) {

            return $http.get("/Home/GetMyData")
                     .then(function (response) {
                         return response.data;
                     });
        }
    });


</script>

        public JsonResult GetMyData()
        {
            var details = GetDet();
            return Json(details, JsonRequestBehavior.AllowGet);
        }

Answer 1

MyService.getDetails返回一个promise，因此下面的代码只显示了promise对象

$scope.details = MyService.getDetails();
console.log($scope.details); // promise object

您需要执行此操作才能获得getDetails的解析值：

MyService
    .getDetails()
    .then(function(details){
        $scope.details = details;
        console.log($scope.details); // your array
    });

我希望这有帮助！