缺少深度放置的数组内容答案

【问题标题】：Deeply-placed array contents were missing缺少深度放置的数组内容
【发布时间】：2015-12-16 17:01:07
【问题描述】：

我使用 ionic 来获取位于 here 的数组内的 JSON 对象内的数组的内容。这是整个 JSON 对象的一部分：

{
"services": [
{
  "id": 3,
  "info": null,
  "name": "singer",
  "owner": 1,
  "packages": [
    {
      "id": 1,
      "package": "5 hours",
      "price": 400
    },
    {
      "id": 2,
      "package": "3 days",
      "price": 4000
    },
    {
      "id": 3,
      "package": "1 week",
      "price": 12000
    }
  ],
  "reviews": [],
  "type": "performer"
},
//...

包数组应该有内容，但由于某种原因，数组是空的。这是显示所需内容的控制器：

.controller('ServiceCtrl', function($scope, Auth, $http, $state, $stateParams) {
var username = Auth.getUser();
$scope.userID = Auth.getId();

$http.get('http://eventoserver-ecinauce.rhcloud.com/' + username + '/services/' + $stateParams.serviceId)
.success(function (data, status, headers, config) {
    $scope.selectedService = data;
    $scope.serviceName = data.service[0].name;
    $scope.serviceType = data.service[0].type;
    $scope.ownerId = data.service[0].owner;
    $scope.packages = data.service[0].packages;
    console.log(data.service[0].packages.length);
})
.error(function (data, status, header, config) {
  $scope.services = data;
});
})

在 Ionic 中，包显示为

[]

为什么缺少数组内容？

【问题讨论】：

尝试声明 $scope.packages = [];在 $http.get 之前

标签： arrays json ionic-framework ionic

【解决方案1】：

我认为您的 $http.get 成功回调中有错字。这是services 而不是service：

$http.get('http://eventoserver-ecinauce.rhcloud.com/' + username + '/services/' + $stateParams.serviceId)
.success(function (data, status, headers, config) {
    $scope.selectedService = data;
    $scope.serviceName = data.services[0].name;
    $scope.serviceType = data.services[0].type;
    $scope.ownerId = data.services[0].owner;
    $scope.packages = data.services[0].packages;
    console.log(data.services[0].packages.length);
})
.error(function (data, status, header, config) {
  $scope.services = data;
});

【讨论】：