Javascript 在Angular 2应用程序中已迭代的集合中迭代时的*ngFor语法

我正试图找出如何深入到Angular 2应用程序中的另一个数组集合中的数组上进行迭代。在我的组件中，我在Angular的ngOnInit生命周期钩子中订阅了这样一个可观察的对象：

ngOnInit() {
    const records = this.filtersService.getByFilter(this.page, this.pagesize, {
            'services.workflow.status' : 'client information'
            })
            .subscribe(resRecordsData => {
                this.records = resRecordsData;
                console.log(this.records);
            },
            responseRecordsError => this.errorMsg = responseRecordsError);
}

然后，在我看来，我正在迭代一个“数据”数组，该数组将与“记录”一起返回，如下所示：

<tr *ngFor="let record of records.data">

。。。但是，虽然我没有得到任何错误，但我也没有得到任何结果。我如何在此处使用

*ngFor

来使用我在此视图中已经迭代过的集合迭代数组？

这不应该：

<td *ngFor="let service of services"> 

是这样的：

<td *ngFor="let service of record.services"> 

在ngFor指令上方添加ngIf为什么要这样做？在标记父项中添加*ngIf因为当组件模板被收费时，web服务不可访问yetI不认为这是问题所在。

{service.workflowFlags.action}

是！这应该行得通。我现在明白了。我必须像你建议的那样，通过执行“record.services”来明确针对“services”。谢谢

<td *ngFor="let service of services"> 

<td *ngFor="let service of record.services">