使用不同对象重复ng(firebase/angularjs)
我有一个结构:使用不同对象重复ng(firebase/angularjs),angularjs,object,firebase,angularjs-ng-repeat,Angularjs,Object,Firebase,Angularjs Ng Repeat,我有一个结构: { "cart" : { "object 1" : { "item1" : { "item_image" : "imagem1", "item_price" : 13, "item_qty" : 4 }, "item2" : { "item_image" : "imagem2", "item_price" : 14, "item_qty"
{
"cart" : {
"object 1" : {
"item1" : {
"item_image" : "imagem1",
"item_price" : 13,
"item_qty" : 4
},
"item2" : {
"item_image" : "imagem2",
"item_price" : 14,
"item_qty" : 1
}
},
"object 2" : {
"item1" : {
"item_image" : "imagem3",
"item_price" : 13,
"item_qty" : 1
},
"item2" : {
"item_image" : "imagem4",
"item_price" : 12,
"item_qty" : 5
}
}
}
使用:
$scope.menu=$firebaseArray(ref);
console.log($scope.menu);
我将数据除以对象(查看图像)
嗯,我很难订购这些物品,比如:
[反对意见1]
项目1
项目2
[反对意见2]
项目1
项目2
使用ng repeat,我目前拥有以下代码:
<h4>object 1</h4>
<table>
<tr ng-repeat="item in menu">
<td>{{menu[$index].item_image}} </td>
<td>{{menu[$index].item_price}}</td>
<td>{{menu[$index].item_qty}} </td>
</tr>
<table>
对象1
{{menu[$index]。项目{U图像}
{{menu[$index]。项目价格}
{{menu[$index]。项目数量}
和结果一样,我只有两个空白,没有任何信息
有人能帮我吗?我看了angularjs和firebase手册,但我现在就要开始了,对此我感到非常震惊。似乎你想显示
菜单。购物车
,它应该是ng repeat=“menu in menu.cart”
对于JSON对象
,您应该用JSON对象
尝试ng repeat
,方法是:ng repeat=“(键,值)在对象中”
请参阅下面的代码段:
角度模块(“应用程序”,[])
.controller(“myCtrl”,函数($scope){
$scope.data={
“购物车”:{
“对象1”:{
“项目1”:{
“项目图片”:“图片M1”,
“项目价格”:13,
“项目数量”:4
},
“项目2”:{
“项目图像”:“图像m2”,
“项目价格”:14,
“项目数量”:1
}
},
“对象2”:{
“项目1”:{
“项目图片”:“图片M3”,
“项目价格”:13,
“项目数量”:1
},
“项目2”:{
“项目图片”:“图片M4”,
“项目价格”:12,
“项目数量”:5
}
}
}
};
});代码>
{{key}}
{{key}}