Javascript 基于角js

例如，我有一个名为FavoriteProducts=[deptName=”“，item:object（它包含pid、名称、品牌等产品信息）的数组

favouriteProducts[0]=deptName:"Fresh food"
                 item:object 
                    productid:4356178
                    brand:brand_name

favouriteProducts[3]=deptName:"drinks"
                 item:object 
                    productid:4356110
                    brand:brand_name
favouriteProducts[4]=deptName:"drinks"
                 item:object 
                    productid:4356111
                    brand:brand_name

当我显示结果时，输出类似（在html中使用ng repeat）

但我希望以这种方式输出

fresh food
 productid:4356178
 productid:4356179
drinks
 productid:43561710
 productid:43561711

谁能建议我怎么做？？ 我想要一个像这样的数组 FavoriteProducts[0]=部门名称：“新鲜食品” 项目：对象 0--> 产品编号：4356178 品牌：品牌名称 1-->产品ID:4356179 品牌：品牌名称 应该是这样的。

---

部门名称和相应产品

您可以通过以下方式将项目添加到阵列中：

favouriteProducts[0]={deptName:"Fresh food", item: {productid:4356178,brand:brand_name};

favouriteProducts[3]={deptName:"drinks",item:{productid:4356110,brand:brand_name};
favouriteProducts[4]={deptName:"drinks", item:{productid:4356111,brand:brand_name}

然后在两个div标记中使用ng repeat

<div ng-repeat="dept in favouriteProducts.deptName">
<h3>{{dept}}</h3>
    <div ng-repeat="item in dept.item">
    {{item.productid}}
    </div>
</div>

{{dept}
{{item.productid}

您可以通过两种方式完成任务

选项1 使用循环并在一个条件下收集所有deptNames项

选项2 使用。这是一个很棒的插件，也是送给angular开发者的礼物

这是你的电话号码

选项1
{{product.key}
{{value.productid}

选择2
{{key}
{{avalue.item.productid}

此检查可能重复

<div ng-repeat="dept in favouriteProducts.deptName">
<h3>{{dept}}</h3>
    <div ng-repeat="item in dept.item">
    {{item.productid}}
    </div>
</div>

<h1>Option 1</h1>
<ul ng-repeat="product in newProducts"> {{product.key}}
    <li ng-repeat="(key,value) in product.items">{{value.productid}}</li>
</ul>

<h1>Option 2</h1>
    <ul ng-repeat="(key, value) in products |groupBy:'deptName'">     {{key}}
        <li ng-repeat="(akey,avalue) in value">{{avalue.item.productid}}</li>
    </ul>