Таблица пуста, когда данные внутри http подписаться

Question

У меня есть таблица Dynami c, которая использует два значения. Я использовал InMemoryDB, чтобы издеваться над интерфейсом API. Моя проблема сейчас в том, что таблица пуста, когда я помещаю this.table в канал подписки, но когда я использую жестко закодированные данные снаружи, данные таблицы хороши.

Как это исправить ?

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

  }
}

ЖУРНАЛ КОНСОЛИ