jsonデータで表示され、ng-repeatで表示される配列を表示するためのリフレッシュが必要

Question

バックエンドからの応答を受け取り、コントローラの "allinfo" varableに保存しています。応答データ受信は、人の名前、人のDOB、人の趣味である。人の趣味はn nosであることができる配列です。

は、私の見解では、私はallinfo内の情報など、すべての情報OVRとinfo.hobbyでコンロなどの趣味を繰り返すNGリピートを適用していました。私が直面しています

問題は、私は私の見解でallinfoで情報を繰り返しながら、それは趣味を表示し、それは名前とドブを表示するが、hoobyのために、私はrefreshandを行う必要があります。

私は応答を慰めていたと趣味オブジェクトがallinfoで受信されることを見出したが、事は、それは空の配列を受信して​​いると、1つのリフレッシュした後、それは、配列のすべての要素を更新しています。

これで私を助けてください。事前にありがとう

Answer 1

これはあなたの期待通りに動作します。以下のコードで

私はあなたがサーバから取得しているようresponseDataが同じデータフォーマットを有することを前提としています。

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

 
function MyCtrl($scope) { 
 
    $scope.responseData = [ 
 
      { 
 
      "name" : "Rohit", 
 
      "dob" : "04-11-1991", 
 
      "hobby" : [["singing"],["writing"]] 
 
      }, 
 
      { 
 
      "name" : "Jindal", 
 
      "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>