Javascript 如何为以下JSON编写ng repeat？

我的模板代码：

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

我想对数据数组使用

ng repeat

，然后在

hotelName

的

ng repeat

。 首先，在hotelName上重复

ng

，然后重复相同jsonObject的数据。 请给我提个建议

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

我的预期格式如下表所示

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

hotelName               
Sunday  Monday  Tuesday Wednesday   Thursday    Friday  Saturday    Weekday
data    data    

hotelName                           
Sunday  Monday  Tuesday Wednesday   Thursday    Friday  Saturday    Weekday

hotelName                           
Sunday  Monday  Tuesday Wednesday   Thursday    Friday  Saturday    Weekday

---

在控制器中使用此函数，并在

ng repeat

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

---

$scope.arr=新数组（）； $scope.setData=function（）{

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

for（i=0；i<$scope.dataList.tableData.length；i++）{
对于（j=0；j<$scope.dataList.tableData[i].data.data.length；j++）{
$scope.arr[i]={“hotelName”：$scope.dataList.tableData[i].hotelName，“天数”：$scope.dataList.tableData[i].data.data[j]['Comp Set（Group）'）.row}；
}
}

}

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

---

查看：

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

酒店 星期一 星期二 星期三 星期四 星期五 星期六 星期日 全部的 周末 周工作日
{{data.hotelName} {{data.days.monday} {{data.days.周二} {{data.days.周三} {{data.days.周四} {{data.days.周五} {{data.days.saturday} {{data.days.sunday} {{data.days.total} {{data.days.weekend}

---

{{data.days.weekday}

您在

ng repeat

中有一点误解

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

您可以传递到后面的

ng repeat

，即从前面的

ng repeat

解析的对象；因此，如果您有类似以下内容：

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

$scope.data = {
    key1: {},
    key2: {}
}

在html中编写：

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

<tr ng-repeat="d in data">
    <td ng-repeat="(key, value) in d">
        {{key}}: {{value}}
    </td>
</tr>

{{key}}:{{value}

指：“嘿，在第一个

ng repeat

中，给我

$scope.data

中的所有对象，并为每个对象创建一个

tr

；然后，在第二个

ng repeat

中，给我第一个

ng repeat

中给我的对象的所有键和相关值，并为每个键创建一个

td

”

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">

---

无论如何，为了达到目标，您需要在表中嵌套一些表，如下所示。这样，您就可以使用json获得所需的视图。

请花一些时间阅读，以及您需要的sunday、moday、周二等的值是什么，因为它在json中无处不在。请参阅每个键中都有sunday、monday等实例，如我的酒店（集团）、薪酬设置（合同）、%C（暂时性）C等…您想要哪一个？首先在hotelName上重复ng，然后在“数据”上重复ng“jsonObj和D again它应该用于另一个jsonObj。但是您的数据对象在许多键上包含星期日、星期一等，正如我在评论中提到的。您想要哪个星期日、星期一等值？有星期日、星期一、星期二等列，因此，每个星期日、星期一将在各自的星期日、星期一列中。您应该修改一些格式。否则，答案看起来不错，在理论上应该是可行的。我希望答案是正确的，并且他们能够继续项目。谢谢Avnesh，但是关于html上的ng repeat呢？@ShubhamDeshmukh现在检查一下。。。我做了一些改动。@Raj，JS部分正在工作，但这是我在HTML上写的，{{data.hotelName}{{{data.days.sunday}。

        <tr ng-repeat="row in dataList">
          <tr ng-repeat-start="row in dataList[$index].data" ng-if="dataList.data.[columnDisplayData[$index].colName].showRow">