2015-08-25 4 views
0

Возврат JSON формируют API, которыйКак извлечь угловую JSON значение

{ ACC: "{"NO":"AC307","NAME":"joe"}, RETURN: "TRUE" } 

мне нужно значение отдельно, как NO, NAME, ... как я могу

HTML:

<div ng-repeat="acdetails in accdetails "> 
     <div class="item item-divider item-input-wrapper"> 
      Acc No - {{ acetails.NO }} 
     </div> 
     <div class="item item-divider item-input-wrapper"> 
      Name&nbsp; - {{ acdetails.NAME }} 
     </div> 
    </div> 

но его отображение как пустое, Я новый, чтобы угловой помочь мне

Спасибо, заранее

+0

покажите нам, как вы заполняете '' 'acedetails'''. Плюс, обратите внимание на орфографию, у вас есть acedetails и acdetails в HTML – Sphaso

+0

. Я обновил его ошибку, а затем оставил те же значения пустые – Khalid

+0

В файлах api нет массива. Что вы пытаетесь «повторить»? Показать больше кода. Вы либо не показали нам свои данные должным образом, либо у вас возникла проблема с структурой данных. – charlietfl

ответ

0

я нашел решение этой

Actual ВОЗВРАТ ДАННЫЕ:

{ ACC: "{"NO":"AC307","NAME":"joe"}, RETURN: "TRUE" } 

только в вашем использовании контроллера J сын разбора

.success(function(data) { 
      if(data.RETURN == "TRUE") {      
       var acdetailsObject = JSON.parse(data.ACC); 
       $scope.acdetails = acdetailsObject;            
      } 

ваши данные будут в формате ниже

 { NO: "AC00316", NAME: "John Doe" } 

то в вашем HTML вы можете непосредственно получать с помощью $ scope.acdetails с с использованием любого нг-повтора, как показано ниже

<div class="item item-divider item-input-wrapper"> 
     Acc No - {{ acdetails.NO }} 
    </div> 
    <div class="item item-divider item-input-wrapper"> 
     Name&nbsp; - {{ acdetails.NAME }} 
    </div> 
</div> 
0

попробуйте изменить Acc No - {{ acetails.NO }} к Acc No - {{ acetails.ACC.NO }}

+0

Хотя этот код может ответить на вопрос, было бы лучше объяснить, как и почему он работает. – ryanyuyu

0

вас JSON не является действительным. Действует json ниже

{"ACC": { 
    "NO": "AC307", 
    "NAME": "joe", 
    "ST": "", 
    "RETURN": "TRUE" 
} } 
+0

У меня есть что-то вроде этого {ACC: "{" NO ":" AC307 "," NAME ":" joe "}, RETURN:" TRUE "} как я могу получить – Khalid

1

Недействительный JSON. Если предположить, что в вашем угловом контроллера у вас есть следующие (заметим, что это массив объектов)

$scope.accdetails = [{ 
    "ACC": { 
     "NO":"AC307", 
     "NAME":"joe", 
    }, 
    "RETURN": "TRUE" 
}]; 

тогда следующий HTML отображает нужную информацию

<div ng-repeat="acdetails in accdetails"> 
     <div class="item item-divider item-input-wrapper"> 
      Acc No - {{ acdetails.ACC.NO }} 
     </div> 
     <div class="item item-divider item-input-wrapper"> 
      Name&nbsp; - {{ acdetails.ACC.NAME }} 
     </div> 
    </div> 
+0

Хороший подход путем жесткого кодирования набора значений. Теперь OP может работать над фиксацией заднего конца для соответствия – charlietfl

Смежные вопросы