Угловая: Ошибка при обращении к объекту JSON

Question

Внутри моего контроллера у меня есть функция на $ http.get(), так и внутри, что $ HTTP У меня есть следующие строки кода -

248   console.log($scope.ticketAPIData); 
249 
250   var j = 0; 
251   while(j < response.data.d.results.length){ 
252    console.log($scope.ticketAPIData[j].data.Login_ID); 
253    j++; 
254   } 

Первый console.log на линии 248 дает данные, которые я могу расширить в консоли, но если я использую ту же переменную области видимости в цикле while и попытаюсь получить доступ к отдельным элементам данных (строка 252), тогда я получу ошибку.

Chrome ошибок консоли -

Array[0] 
    0: Object 
     config: Object 
     data: Object 
      First_Name: "Rahul" 
      Full_Name: "Rahul A Parelkar" 
      Login_ID: "**********" 
      __proto__: Object 
     headers: (d)arguments: (...)caller: (...)length: 1name: ""prototype: Object__proto__:()[[FunctionLocation]]: angular.js:9518[[Scopes]]: Scopes[3] 
     status: 200 
     statusText: "OK"__proto__: Object 
    1: Object 
    2: Object 
    3: Object 
    4: Object 
    5: Object 
    6: Object 
    7: Object 
    8: Object 
    9: Object 
    10: Object 
    11: Object 
    12: Object 
    13: Object 
    14: Object 
    15: Object 
    16: Object 
    17: Object 
    18: Object 
    length: 19 
    __proto__: Array[0] 

angular.js:12520 TypeError: Cannot read property 'data' of undefined 
    at app.js:252 
    at angular.js:14792 
    at r.$eval (angular.js:16052) 
    at r.$digest (angular.js:15870) 
    at r.$apply (angular.js:16160) 
    at g (angular.js:10589) 
    at T (angular.js:10787) 
    at XMLHttpRequest.w.onload (angular.js:10728) 

Complete $ HTTP -

$http.get('https://path/ListData.svc/TeamList'). 
    then(function(res) { 
     //shifting the response from rest call(res) into local variable(response) 
     var response = res; 
     $scope.evolveTeam = []; 
    var i = 0; 
    var lanID = []; 
    var domain = []; 
    var displayPicture = []; 
    var jobTitle = []; 
    var searchName = []; 
    var apiURL = []; 
    var userData = []; 
    var imageURL = []; 
    var imageData = []; 
    $scope.ticketAPIData = []; 

    while (i < response.data.d.results.length) { 

     searchName.push(response.data.d.results[i].Domain + response.data.d.results[i].LanID); 
     lanID.push(response.data.d.results[i].LanID); 
     domain.push(response.data.d.results[i].Domain); 
     jobTitle.push(response.data.d.results[i].Job_title); 
     displayPicture.push(response.data.d.results[i].Display_picture); 
     //var deferred = $q.defer(); 
     apiURL.push('https://path/api/user/'); 
     imageURL.push('https://path/Profile%20Pictures/'); 
     userData.push(response.data.d.results[i].Domain + '_' + response.data.d.results[i].LanID); 
     imageData.push(response.data.d.results[i].Domain + '_' + response.data.d.results[i].LanID + '_LThumb.jpg'); 
     response.data.d.results[i].DomainLanID = (response.data.d.results[i].Domain + '\\' + response.data.d.results[i].LanID).toLowerCase(); 
     //SP list returns the image URL with caption in the same string so removing 
     //everything after the http://../../abc.jpg 
     if (response.data.d.results[i].Display_picture) { 
      //console.log(displayPicture[j]); 
      var s = response.data.d.results[i].Display_picture.toString(); 
      var n = s.indexOf(','); 
      s = s.substring(0, n != -1 ? n : s.length); 
      response.data.d.results[i].Display_picture = s; 
     } 


     $http.get('https://path/api/user/' + response.data.d.results[i].Domain + '_' + response.data.d.results[i].LanID, { 
      withCredentials: true 
     }).then(
      function(successResponse) { 

       $scope.ticketAPIData.push(successResponse); 
      }, 
      function(failedResponse) {}); 
     */ 

     i++; 
    } 




    console.log(response.data.d.results); 

    console.log($scope.ticketAPIData); 

    var j = 0; 
    while (j < response.data.d.results.length) { 
     console.log($scope.ticketAPIData[j].data.Login_ID); 
     j++; 
    } 




}); 

Answer 1

Если я предполагаю, что вы правильно, то измените свою while петлю на

while(j < response[j].data.d.results.length){ 
      console.log($scope.ticketAPIData[j].data.Login_ID); 
     j++; 
    } 

Надеется, что это будет работать.

Answer 2

Мое понимание:

По ошибке консоли на номер строки 252 в app.js:

TypeError: Cannot read property 'data' of undefined

Вы получаете доступ к data свойство объекта $scope.ticketAPIData[j], который undefined. Здесь j = 0 - < response.data.d.results.length.

Наблюдение:

• Если response.data.d.results.length больше, то длина $scope.ticketAPIData массива, то будет происходить эта ошибка.

ДЕМО

var obj = [ 
 
    { 
 
    "id":1, 
 
    "name":"alpha" 
 
    }, 
 
    { 
 
    "id":1, 
 
    "name":"beta" 
 
    }, 
 
    { 
 
    "id":1, 
 
    "name":"gama" 
 
    } 
 
]; 
 

 
var j = 0; 
 
while(j < 5) { 
 
console.log(obj[j].name); 
 
j++; 
 
}