Javascript 如何在angular js中分组和行跨度

我在下面给出了一个Json

[{
    groupName: "Group 1",
    [{
        name: "Item 1"
    }, {
        name: "Item 2"
    }]
},
{
    groupName: "Group 2",
    [{
        name: "Item 3"
    }, {
        name: "Item 4"
    }]
}]

---

我需要一个表，如图所示，如何在angular js中实现这一点。

我保留您的JSON结构，但只是给子数组命名

vals

：

angular.module（'app'，[]）.controller（'ctrl'，function（$scope）{
$scope.data=[{
群组名称：“群组1”，
VAL：[{
名称：“项目1”
}, {
名称：“项目2”
}]
}, {
群组名称：“群组2”，
VAL：[{
名称：“项目3”
}, {
名称：“项目4”
}]
}];
});
表格，
th，
运输署{
边框：1px纯黑；
}

集团
项目
{{d.groupName}
{d.vals[0].name}
{{v.name}
我保留了您的JSON结构，但只是给子数组命名了
VAL
：


angular.module（'app'，[]）.controller（'ctrl'，function（$scope）{
$scope.data=[{
群组名称：“群组1”，
VAL：[{
名称：“项目1”
}, {
名称：“项目2”
}]
}, {
群组名称：“群组2”，
VAL：[{
名称：“项目3”
}, {
名称：“项目4”
}]
}];
});
表格，
th，
运输署{
边框：1px纯黑；
}

集团
项目
{{d.groupName}
{d.vals[0].name}
{{v.name}
这是我的解决方案


var myApp=angular.module（'myApp'，[]）；
函数MyCtrl（$scope）{
$scope.data=[{
群组名称：“群组1”，
嵌套数据：[{
名称：“项目1”
}, {
名称：“项目2”
}]
},
{
群组名称：“群组2”，
嵌套数据：[{
名称：“项目3”
}, {
名称：“项目4”
}]
}
];
}

名称
嵌套名称
{{item.groupName}
{{nestedItem.name}
这是我的解决方案


var myApp=angular.module（'myApp'，[]）；
函数MyCtrl（$scope）{
$scope.data=[{
群组名称：“群组1”，
嵌套数据：[{
名称：“项目1”
}, {
名称：“项目2”
}]
},
{
群组名称：“群组2”，
嵌套数据：[{
名称：“项目3”
}, {
名称：“项目4”
}]
}
];
}

名称
嵌套名称
{{item.groupName}
{{nestedItem.name}
必须使用
ng repeat
指令才能
将
信息呈现到
表格中


var myApp=angular.module（'myApp'，[]）；
函数myCTRL（$scope）{
$scope.groups=[{
群组名称：“群组1”，
分：[{
名称：“项目1”
}, {
名称：“项目2”
}]
},
{
群组名称：“群组2”，
分：[{
名称：“项目3”
}, {
名称：“项目4”
}]
}
];
}
td，th{
边框：1px纯灰；
}

组
项目
{{group.groupName}
{{subgroup.name}
必须使用
ng repeat
指令才能
将
信息呈现到
表格中


var myApp=angular.module（'myApp'，[]）；
函数myCTRL（$scope）{
$scope.groups=[{
群组名称：“群组1”，
分：[{
名称：“项目1”
}, {
名称：“项目2”
}]
},
{
群组名称：“群组2”，
分：[{
名称：“项目3”
}, {
名称：“项目4”
}]
}
];
}
td，th{
边框：1px纯灰；
}

组
项目
{{group.groupName}
{{subgroup.name}
（+1@Mistalis）您的json是否位于可从控制器作用域访问的变量中？请看一下
ng repeat
指令（），像这样吗？此外，您的对象无效。（+1@Mistalis）变量中的json是否可以从控制器的作用域访问？请看一下
ng repeat
指令（），像这样吗？此外，您的对象无效。