我无法使用 angular ng-repeat 解析 json 数组

Question

下面是我得到的 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": "ABXD305@GMAIL.COM"
    }
}

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 正确获取值。请帮忙

Answer 1

试试这个，您正在尝试使用 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>

Answer 2

试试这个，你正在尝试使用 ng-repeat 迭代对象，这是不可能的，你需要获取数组并将其放入 ng-repeat，我做了一些更改，希望这对你.

<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>

Answer 3

应该是这样的：

<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>

我无法使用 angular ng-repeat 解析 json 数组

I am unable to parse the json array using angular ng-repeat

html

javascript

parsing

angularjs

ng-repeat