Angularjs 循环遍历Angular中的JSON对象

我有一个循环的产品，这是完美的工作

&磅；{{result.price}编号：2}

在循环中，有一个包含JSON数据的对象

{{result.colours}}

其中包括以下内容：

[
{
“id”：866337128495，
“标题”：“产品标题”，
“句柄”：“产品url”，
“图像”：“/img.jpg”，
“sku”：“SKU001”，
“名称”：“产品名称”，
“类型”：“一种颜色”，
“数据”：“000000”
},
{
“id”：866337128496，
“标题”：“产品标题2”，
“句柄”：“产品-url2”，
“图像”：“/img2.jpg”，
“sku”：“SKU002”，
“名称”：“产品名称2”，
“类型”：“一种颜色”，
“数据”：“000000”
}
]

我需要循环一下，并且已经尝试过：

{{key}}:{{value}

这只是返回：

0:[
{
“id”：866337128495，
“标题”：“产品标题”，
“句柄”：“产品url”，
“图像”：“/img.jpg”，
“sku”：“SKU001”，
“名称”：“产品名称”，
“类型”：“一种颜色”，
“数据”：“000000”
},
{
“id”：866337128496，
“标题”：“产品标题2”，
“句柄”：“产品-url2”，
“图像”：“/img2.jpg”，
“sku”：“SKU002”，
“名称”：“产品名称2”，
“类型”：“一种颜色”，
“数据”：“000000”
}
]

我对Angular是个新手，但是我已经研究了很多不同的可能性，但是都没有达到。任何想法都会受到欢迎

你就快到了：

<div ng-if="swatches">
                <div ng-repeat="data in swatches">
                          <div ng-repeat="(key,value) in data">
                            {{key}}:{{value}}
                          </div>
                          <hr>
                </div>
       </div>

{{key}}:{{value}

你就快到了：

<div ng-if="swatches">
                <div ng-repeat="data in swatches">
                          <div ng-repeat="(key,value) in data">
                            {{key}}:{{value}}
                          </div>
                          <hr>
                </div>
       </div>

{{key}}:{{value}

角度模块（“应用程序”，[]） .run（函数（$rootScope）{ $rootScope.results=[ { 名称：“演示”， 颜色：[{ “id”：866337128495， “标题”：“产品标题”， “句柄”：“产品url”， “图像”：“/img.jpg”， “sku”：“SKU001”， “名称”：“产品名称”， “类型”：“一种颜色”， “数据”：“000000” }, { “id”：866337128496， “标题”：“产品标题2”， “句柄”：“产品-url2”， “图像”：“/img2.jpg”， “sku”：“SKU002”， “名称”：“产品名称2”， “类型”：“一种颜色”， “数据”：“000000” } ] } ] })

{{result.name}
{{key}}:{{value}

角度模块（“应用程序”，[]） .run（函数（$rootScope）{ $rootScope.results=[ { 名称：“演示”， 颜色：[{ “id”：866337128495， “标题”：“产品标题”， “句柄”：“产品url”， “图像”：“/img.jpg”， “sku”：“SKU001”， “名称”：“产品名称”， “类型”：“一种颜色”， “数据”：“000000” }, { “id”：866337128496， “标题”：“产品标题2”， “句柄”：“产品-url2”， “图像”：“/img2.jpg”， “sku”：“SKU002”， “名称”：“产品名称2”， “类型”：“一种颜色”， “数据”：“000000” } ] } ] })

{{result.name}
{{key}}:{{value}

如果怀疑

ng是罪魁祸首，请尝试将
ng if
更改为
ng show
。背后的原因是
ng if
将创建一个子作用域，而您的
样例将不起作用。您还可以包括您的结果吗please@KhaiKiong谢谢我已尝试完全删除ng，但不幸的是，它没有解决。@NTP我实际上没有可用的ng；我正在通过第三方平台编辑模板系统，结果JSON无法访问JSON。如果罪魁祸首是
ng，请尝试将
ng if
更改为
ng show
。背后的原因是
ng if
将创建一个子作用域，而您的
样例将不起作用。您还可以包括您的结果吗please@KhaiKiong谢谢我已尝试完全删除ng，但不幸的是，它没有解决。@NTP我实际上没有可用的ng；我正在通过第三方平台编辑模板系统，结果JSON无法访问JSON。多亏了这一点，逻辑对我来说似乎很好，但它不起作用-它只是在每行返回JSON的一个字母：。有什么想法吗？@ShopifDev:你期待什么结果？相应地更新问题谢谢，这个逻辑对我来说似乎很好，但是它不起作用-它只是在每行返回一个来自JSON的字母：。有什么想法吗？@ShopifDev:你期待什么结果？相应地更新问题