需要刷新以显示传入 json 数据并通过 ng-repeat 显示的数组

Question

我收到来自后端的响应并保存在我的控制器中的“allinfo”变量中。接收的响应数据为：人名、人的出生日期和人的爱好。人的爱好是数组，可以是n个。

在我看来，我已将 ng repeat ovr all info 应用为 allinfo 中的信息，并将重复爱好作为 info.hobby 中的滚刀。

我面临的问题是，当我在我的视图中重复 allinfo 中的信息时，它会显示名称和 Dob，但对于 hooby，我需要刷新，然后它会显示 hobby。

我有控制台响应，发现在 allinfo 中收到了 Hobby 对象，但问题是它正在接收空数组，并且在一次刷新后它会刷新数组的所有元素。

帮我解决这个问题。提前谢谢你

Answer 1

试试这个，它会按照你的期望工作。

在下面的代码中，我假设responseData 与您从服务器获取的数据格式相同。

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.responseData = [
             {
             "name" : "Alpha",
             "dob" : "04-11-1991",
             "hobby" : [["singing"],["writing"]]
             },
             {
             "name" : "Beta",
             "dob" : "04-11-1990",
             "hobby" : [["playing"],["making friends"]]
             }
    ];
    
    var hobbiesData = [];
    for (var i in $scope.responseData) {
      hobbiesData = [];
      for (var j in $scope.responseData[i].hobby) {
        for(var k in $scope.responseData[i].hobby[j])
        hobbiesData.push($scope.responseData[i].hobby[j][k]);
      }
          var hobbies = hobbiesData.join();
          $scope.responseData[i].hobby = hobbies;
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
  <div ng-repeat="data in responseData">
         Name : {{data.name}}<br>
         Date of Birth : {{data.dob}}<br>
         Hobbies : {{data.hobby}}
  </div>
</div>