2016-10-08 2 views
0

Ниже JSON, который я получаю и я хранить, что в переменном с использованием,Я не может разобрать массив JSON, используя угловые нг-повторить

JS: -

$scope.shopData = resp.data.shopVal; 

На JSP его не работает в теге ng-repeat.

JSON: -

{ 
    "subCategoryNames": null, 
    "subCategorymMap": {}, 
    "shopVal": [ 
     { 
      "shopAdrs": "tex10", 
      "shopSrvc": "tex12", 
      "shopName": "tex13", 
      "shopWbst": "tex14" 
     }, 
     { 
      "shopAdrs": "tex15", 
      "shopSrvc": "tex16", 
      "shopName": "tex16", 
      "shopWbst": "tex17" 
     }, 
     { 
      "shopAdrs": "tex18", 
      "shopSrvc": "tex19", 
      "shopName": "tex20", 
      "shopWbst": "tex21" 
     } 
    ], 
    "ownerVal": { 
     "ownrNumbr": "1111111111", 
     "ownrFName": "ABCD", 
     "ownrLName": "EFGH", 
     "ownrEmail": "[email protected]" 
    } 
} 

JSP: -

<div data-ng-repeat="shop in shopDta"> 
<a> 
{{shopDta.shopName}}<br> 
Address: {{shopDta.shopAdrs}}<br> 
Services: {{shopDta.shopSrvc}}<br> 
Website: {{shopDta.shopWbst}}<br><br> 
</a> 
</div> 

Обратите внимание, что $ scope.shopData правильно получать значения в соответствии с JSON. Пожалуйста, помогите

+0

В качестве выхода, только жестко закодированные строки становятся распечатаны. пожалуйста помоги. –

+0

вы не можете перебирать объекты через ng-repeat, переходите к массиву, а затем итерируйте его – Siddharth

ответ

0

Попробуйте это, вы пытаетесь итерацию объекта с помощью нг-повтора, который не возможно, вам нужно получить массив и поместить его внутри нг-повтор, я сделал некоторые изменения, надеюсь, что это работает для вас.

<div data-ng-repeat="shop in shopData.shopVal"> 
<a> 
{{shop.shopName}}<br> 
Address: {{shop.shopAdrs}}<br> 
Services: {{shop.shopSrvc}}<br> 
Website: {{sho[.shopWbst}}<br><br> 
</a> 
</div> 
+0

Да, я просто сделал это, это сработало, спасибо. –

+0

счастлив помочь помощнику – Siddharth

0

попробуйте это, вы пытаетесь выполнить итерацию объекта с помощью ng-repeat, что невозможно, вам нужно получить массив и поместить его внутри ng-repeat, я сделал некоторые изменения, надеюсь, что это сработает для вы.

<div data-ng-repeat="shop in shopData"> 
    <a> 
    {{shop.shopName}}<br> 
    Address: {{shop.shopAdrs}}<br> 
    Services: {{shop.shopSrvc}}<br> 
    Website: {{shop.shopWbst}}<br><br> 
    </a> 
</div> 
+0

Да, я просто сделал это, это сработало, спасибо. –

0

Это должно быть так:

<div data-ng-repeat="shop in shopData"> <a> {{shop.shopName}}<br> Address: {{shop.shopAdrs}}<br> Services: {{shop.shopSrvc}}<br> Website: {{shop.shopWbst}}<br><br> </a> </div>

+0

Да, я только что сделал это, это сработало, спасибо. –

+0

Kepp опубликовал ваши проблемы :) Счастливое кодирование: D –

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