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表，每个表应该显示他们的报告中的信息。

我现在使用的方法会生成一个空表：

                        <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>

人员和人物的价值观：

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表

1 个答案: