Угловое JS $ HTTP JSon разборе вопросы

Question

Все,

У меня есть этот объект JSON, как мой ответ (объект, содержащий массив объектов)

вот что я вижу, когда я звоню с помощью веб-браузера

{"skillAndAvgCTList":[{"skill":"Notion Count","avgCT":"22.0"},{"skill":"Tube Count","avgCT":"24.0"},{"skill":"2nd Count","avgCT":"26.0"},{"skill":"Shelf Count","avgCT":"20.0"}]} 

Но когда я делаю это

$http.get("http://localhost:8080/fwms-unknown/svc/usermanage/userManagement").then(function (resp) { 
        console.log('Success', resp.data); 




        this.skillsAndAvgCT = resp.data.skillAndAvgCTList; 
        alert('this.skillsAndAvgCT'+ this.skillsAndAvgCT); 

предупреждение окно показывает:

this.skillsAndAvgCT[object Object], [object Object], [object Object], [object Object]. 

Я хочу использовать ng-repeat и читать «умение» и «avgCT».

Как это сделать? Я думаю, что я как-то ошибаюсь, получая данные ответа в переменную.

Answer 1

Так что умениеAndAvgCTList - ваш ключ. Вы можете сделать это, чтобы показать их Working codepen Просто хранить данные в data2 с ключом skillAndAvgCTList (смотрите на codepen):

<ion-content> 
    <div ng-repeat="d in data2">{{d.skill}}<div> 
</ion-content> 

Answer 2

this.skillsAndAvgCT не должно быть внутри кавычек.

Это:

alert(this.skillsAndAvgCT); 

Если дать вам то же самое, как:

{"skillAndAvgCTList":[{"skill":"Notion Count","avgCT":"22.0"},{"skill":"Tube Count","avgCT":"24.0"},{"skill":"2nd Count","avgCT":"26.0"},{"skill":"Shelf Count","avgCT":"20.0"}]} 

запустить через него, как это в ЯШ:

for(i = 0; i < this.skillsAvgCT.length; i++) 
{ 
    alert(this.skillsAvgCT[i].skill + " " + this.skillsAvgCT[i].avgCT); 
} 

Для Угловое, добавьте this.SkillsAvgCT к $ scope, а затем выполните ng-repeat в вашем html.

$scope.skillsAvgCT = this.skillsAvgCT; 

HTML (в таблице):

<tr ng-repeat="s in skillsAvgCT"><td>{{s.skill}}</td></tr>

Answer 3

нг-повтор действительно принадлежит в HTML против вашего JavaScript.

<div ng-repeat="model in skillsAndAvgCT"> 
    {{model.skill}} - {{model.avgCT}} 
</div> 

Или просто использовать свои стандартные навыки Javascript перебирать список

var obj = {a:1, b:2, c:3}; 
for (var prop in obj) { 
    alert("o." + prop + " = " + obj[prop]); 
} 

Answer 4

Данные, которые вы получаете от сервера является правильным и вы сохранили его correctly.Just внести изменения в JavaScripts кода, ниже приведены

this.skillsAndAvgCT = resp.data; 

Затем, чтобы показать данные объекта на вашем соответствующем использовании вида следующий фрагмент кода

 <ol> 
     <li ng-repeat="item in skillsAndAvgCT"> 
      <span> skills:{{item.skill}}|AvgCT:{{item.avgCT}}</span> 
     </li> 
    </ol>