问题描述
- 在AngularJS中怎么实现读取JSON数据后,根据同一店铺名称下循环购买的商品
-
菜鸟一枚,大神勿嫌弃。
我在做购物车的模拟,在service中手写了一组json数组对象,
var goods = [{
id:1,
sstype:"企业商城",
image_file:"img/cartImg/c8.jpg",
name:"舒语17 18 19寸沃森CVT沃尔沃日产轮毂原装正品啦啦啦啦",
shangpinpingpai:"沃森CTV",
price:1798,
count:1 //数量
},{
id:2,
sstype:"个人商城",
image_file:"img/cartImg/c6.jpg",
name:"潮流时尚男款修身牛仔上衣秋款男装牛仔男装啦啦啦啦啦",
shangpinpingpai:"凡兔",
price:200,
count:1
},{
id:3,
sstype:"个人商城",
image_file:"img/cartImg/c2.jpg",
name:"凡兔时尚男款修身牛仔裤秋款牛仔男裤",
shangpinpingpai:"凡兔",
price:156,
count:1
},{
id:4,
sstype:"企业商城",
image_file:"img/cartImg/c8.jpg",
name:"舒语17 18 19寸沃森CVT沃尔沃日产轮毂原装正品啦啦啦啦",
shangpinpingpai:"沃森CTV",
price:1798,
count:1
}
];
在controller中注入服务拿到这个数组对象,我要在html中ng-repeat的出来,可是出来的效果是每个店名都对应一个商品,即使有相同的店名还是会重新循环一行对应一个商品。
现在我想实现的是让这些在同一店铺中的商品都循环到一个店铺名称下,例如淘宝或是京东的购物车,在同一家买到的多个商品都会显示到一个店名的标题下。
还望大神们多多指点啊!!感激不尽!
解决方案
那你要在后台对数据按照sstype进行排序(建议是按照店铺ID进行排序),然后在前台对数据进行判断和合并就可以了。
时间: 2024-09-13 17:50:49