当数据在http订阅里面时，表是空的

Question

我有一个使用两个值的动态表，我使用InMemoryDB来模拟一个后端API。我使用InMemoryDB来模拟一个后端API。此表 但当我在外面使用硬编码数据时，表的数据是好的。

如何解决这个问题？

HTML

<kt-base-dynamic-table [style.display]="hasLoaded ? null : 'none'" [tableData]="tableData" [tableHeader]="tableHeader">
</kt-base-dynamic-table>

TS

export class DynamicTableComponent implements OnInit {

  tableData: DynamicTableView[] = []
  tableHeader
  tableDataInsideSubscribe
  errorMessage
  hasLoaded: boolean = false;

  constructor(private dynamicTableService: DynamicTableService) { }

  ngOnInit() {
    this.dynamicTableService.getAllDynamicTableData().subscribe({
      next: tableData => {
        this.tableData = tableData
        this.hasLoaded = true;
        console.log(this.tableData, this.hasLoaded)
      },
      error: err => this.errorMessage = err
    })

    // the table is working when data is not from http get
    //this.tableData = DynamicTableDataSource.tableData1
    this.tableHeader = DynamicTableDataSource.tableHeader1

  }
}

CONSOLE LOG