在打字稿中使用* ngFor迭代接口数组

Question

因此，我已经实现了一个用于从服务类检索数据的接口。

export interface FilteredSubjects {
  key: string,
  list: Subject[]
}

所以目前我想迭代FilteredSubject接口数组。所以我用console.log检查>

console log output

但是我无法使用* ngFor进行迭代。到目前为止，这是我尝试过的。此处selectedStreamList值显示在接口Key属性中

html

<mat-step [stepControl]="firstFormGroup" *ngFor="let stream of selectedStreamList; let indexOfelement = index;">
<div class="class=pl-5">
  <table class="table table-borderless ">
    <tbody>

    <ng-container *ngFor="let subject of getStreamFilter(indexOfelement)">
      <tr>
        <th scope="row">  <mat-checkbox  (change)="toggle(subject)"> {{subject.name}} </mat-checkbox></th>
        <td><a (click)="openDeleteSubjectDialog(subject.id)">
          <mat-icon class="aligned-with-icon" color="warn">delete</mat-icon>
        </a></td>
      </tr>

    </ng-container>
  .....
此Ts

方法。我正在从父组件中获取过滤列表。

 @Input("slist") filteredlist: FilteredSubjects[];



 constructor() {
  }

  ngOnInit() {}


getStreamFilter(index:number) : Subject[]{
    return this.filteredlist[index].list;
}
但是这没有用。如何解决这个问题？

这是错误

因此，我已经实现了一个用于从服务类检索数据的接口。导出接口FilteredSubjects {键：字符串，列表：Subject []}因此，当前我要迭代FilteredSubject ...

Answer 1

经过一番研究，我找到了解决此问题的方法。在调用方法时出现问题。