Question

我有一个角函数

             vm.OpenBManageContractBillingReport = function () {
                 reportService.GetContractBillingList(vm.Search).then(function (response) {
                     console.log(response);
                vm.contractBillingReportList = response;
            }, function (err) {

            });
        };

从API提供列表的输出，动态列表存储在vm.contractBillingReportList中。但是根据vm.search中的开始日期和结束日期参数，输出可能会有所不同。例如：-如果开始日期参数为1/1/2018，结束日期参数为31/1/2018，则结果仅提供一列，即2018年1月。类似地，如果开始日期参数为1/1/2018，结束日期参数为31/12/2019结果提供了从2018年1月到2019年12月的24Col。如何将这些数据与HTML表中的“标题栏”绑定？

            <div class="clearfix">
           <div class="reportTable">
               <div class="col-sm-12" style="padding:0;">
                   <table class="table table-bordered">
                       <thead>
                           <tr></tr>
                       </thead>
                       <tbody>
                           <tr ng-repeat="item in vm.contractBillingReportListtrack by $index">
                               <td></td>

                           </tr>
                       </tbody>
                   </table>
               </div>
           </div>
       </div>

Answer 1

假设contractBillingReportList是一个对象数组，其对象的键作为标题。只需循环第一个元素中的键，然后将这些键显示为标题即可。

<tr>
  <th ng-repeat="(header, value) in vm.contractBillingReportList[0]">{{header}}</th>
</tr>

如何将动态列表从AngularJS绑定到HTML表格？

1 个答案: