首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用字母重复wise

用字母重复wise
EN

Stack Overflow用户
提问于 2014-11-13 15:39:19
回答 2查看 580关注 0票数 0

我有多个级别的json,需要使用ng-重复显示,但是我遇到了问题。

JSON

代码语言:javascript
复制
$scope.product =  {
    "product": [
        {
            "name": "0001",
            "tagline": "Scrub peached 60% cot 40% poly\r\ns/s v neck scrub uniform w/ 1 chest pkt"
        }
    ],
    "sizes": [
        "XXL",
        "XXXL",
        "XS",
        "XL",
        "S",
        "M",
        "L"
    ],
    "colors": [
        {
            "name": "WHITE",
            "image": "/kalypso/commonsController.do?param=imageLoader&imageName=1239378389537_white1.JPG"
        }
    ],
    "images": [
        {
            "big": "/kalypso/commonsController.do?param=imageLoader&imageName=2010_08/1281620375516_UT01.jpg",
            "small": [
                "/kalypso/commonsController.do?param=imageLoader&imageName=2009_07/D0001-b.jpg"
            ],
            "thumb": "/kalypso/commonsController.do?param=imageLoader&imageName=2010_08/1281620375516_UT01.jpg"
        }
    ]
}

AngularJS

代码语言:javascript
复制
$scope.productsImages =  $scope.product.images[0].thumb;
$scope.productsImgSmall =  $scope.product.images[0].small;
$scope.productsImgBig =  $scope.product.images[0].big;
$scope.productsColors =  $scope.product.colors[0].cname;
$scope.productsColorsImages =  $scope.product.colors[0].image;
$scope.productsSizes =  $scope.product.sizes;
$scope.productsName =  $scope.product.product[0].name;
$scope.productsTag =  $scope.product.product[0].tagline;
$scope.productsPrice =  $scope.product.product[0].price;
$scope.productsId =  $scope.product.product[0].prdId;
console.log($scope.productsColors);

它重复颜色名称,每个字,如果数组长度为零,我将得到重复的错误消息。请帮我一下。

错误:ngRepeat:dupes

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-11-13 17:10:05

代码语言:javascript
复制
instead of array [i] value use like this 
$scope.productsImages =  $scope.product.images;

HTML

<ul>
   <li ng-repeat="prd in productsImages">
    {{prd.thumb}}
</li>
</ul>

use repeat function for all key

another Example 
 $scope.data.colors = $scope.product.colors
<ul>
   <li ng-repeat="color in product.colors">
    {{color.name}}
 {{color.image}}
</li>
</ul>
票数 0
EN

Stack Overflow用户

发布于 2014-11-13 15:49:52

如果json对象上没有唯一的id,我将查看track by $index

代码语言:javascript
复制
item in items track by $id(item)

代码语言:javascript
复制
item in items track by $index

如果你想用角来处理它

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26912651

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档