如何为我的 HTML Table.. 下面的 cloudant 嵌套循环响应编写 Ng-repeat？

Question

//<!--  here is the sample cloudant response we have in that need to filter below docs  -->
    {  
       "data":{  
          "total_rows":3,
          "offset":0,
          "rows":[  
             {  
                "id":"093b21d31878c8cbed02b89ea020c988",
                "key":"093b21d31878c8cbed02b89ea020c988",
                "value":{  },
 <!-- Here we have docs response need to filter -->
                "doc":{  
                   "_id":"093b21d31878c8cbed02b89ea020c988",
                   "_rev":"1-29e2996bce09fd8fcf826871b325302f",
                   "slot":"1",
                   "out_time_stamp":"none",
                   "color":"red",
                   "s.no":35,
                   "vehicle_make":"audi",
                   "vehicle_Make_Model":"Audi A5",
                   "number_plate":"1AU890",
                   "type":"bike",
                   "In_time_stamp":"2-25-21"
                }
             },
             {  },
             {  }
          ]
       },
       "status":200,
       "config":{  
          "method":"GET",
          "transformRequest":[  
             null
          ],
          "transformResponse":[  
             null
          ],
          "username":"****",
          "password":"*****",
          "url":"https://####.cloudant.com/parking_logs/_all_docs?include_docs=true&conflicts=true",
          "headers":{  
             "Accept":"application/json, text/plain, */*"
          },
          "cached":false
       },
       "statusText":"OK"
    }

<!--sample html table --!>
      <table class="table table-no-border m-0">
                                      </thead>
                                        <tr style="color:#232527;">
                                          <th> #No </th>
                                          <th> Vehicle Type </th>
                                          <th> Vehicle Model </th>
                                          <th> Vehicle color </th>
                                          <th> Vehicle Number</th>
               <th> Level</th>
                                          <th> Slot Occupied</th>
               <th> In Time Stamp </th>
               <th> Out Time Stamp </th>
                                        </tr>
             </thead>
              <tbody>
                                        <tr ng-repeat="x in records">
                                          <td >{{ x.sno}}</td>
                                          <td> {{x.type}} </td>
               <td> {{ x.vehicle_make}} </td>
                                          <td> {{x.color}}</td>
                                          <td> {{x.number_plate}}</td>
                                          <td>{{x.vehicle_Make_Model}}</td>
                                          <td> {{x.slot}}</td>
               <td> {{x.In_time_stamp}}</td>
               <td> {{x.out_time_stamp}}</td>
                                        </tr>
              </tbody>
                       </table>

Answer 1

解决承诺后，从响应中提取行。像这样：

.....function(success) {
$scope.records = success.data.rows;
.......

在您的模板中遍历记录并绑定值。，如下

<tr ng-repeat="x in records">
  <td >{{ x.doc.sno }}</td>
   .........
  <td> {{ x.doc.color }}</td>

这应该可以解决您的问题。如果它不起作用请告诉我

如何为我的 HTML Table.. 下面的 cloudant 嵌套循环响应编写 Ng-repeat？

How to write Ng-repeat for below cloudant Nested loop response to my HTML Table..?

javascript

angularjs

cloudant