使用 ng-repeat 创建显示列表信息的 ng-tables

Question

我有一个 Person 对象，它有一个 Reports 列表。

public class Person
{
    public string IdNum { get; set; }
    public string LastName { get; set; }
    public Int32 LocFlag { get; set; }
    public IList<Report> Reports { get; set; }
}

public class Report
{
    public long ReportNum { get; set; }
    public DateTime? ReceivedDate { get; set; }
    public string Subject { get; set; }
}

我从我的控制者那里得到了这些人的名单 - vm.Persons 和 vm.PersonParams。

我的意图是为每个人生成一个单独的 ng-table，每个 table 应该显示他们报告中的信息。

我现在使用的方法生成一个空的 table:

                        <div class="table-responsive">
                            <table ng-table="vm.PersonParams" class="table table-hover">
                                <tr ng-repeat="row in $data">
                                    <td data-title="'Report Number'"  >{{row.Reports.ReportNum  }} </td>
                                    <td data-title="'Date'"  >{{row.Reports.ReceivedDate }} </td>
                                    <td data-title="'Subject'" >{{row.Reports.Subject }} </td>
                                </tr>
                            </table>
                        </div>

Persons 和 PersonParams 的值：

vm.Persons = [{"IdNum ":"23713","LastName ":"Smith","LocFlag":0,"Reports":[{"ReportNum":321231,"ReceivedDate":"2010-09-16T15:25:00","Subject":"Tax",}]},{"IdNum":"32552","LastName":"Xavier","LocFlag":1,"Reports":[{"ReportNum":324342,"ReceivedDate":"2013-09-11T07:50:00","Subject":"Filing Request"}]}];

vm.PersonParams =  {"data":[]};

Answer 1

如果这是您使用的总代码，那么您在外部 div 中遗漏了 ng-repeat。这里的 $data 是什么？估计你那边也弄错了。

您可能需要如下所示使用它

<div class="table-responsive" ng-repeat = "person in vm.Persons">
                            <table  class="table table-hover">
                                <tr ng-repeat="report in person.Reports">
                                    <td data-title="'Report Number'"  >{{report.ReportNum  }} </td>
                                    <td data-title="'Date'"  >{{report.ReceivedDate }} </td>
                                    <td data-title="'Subject'" >{{report.Subject }} </td>
                                </tr>
                            </table>
                        </div>

如果有帮助请告诉我！

使用 ng-repeat 创建显示列表信息的 ng-tables

Using ng-repeat to create ng-tables which display info from a List

html

angularjs

ng-repeat

angularjs-ng-repeat

ngtable