источник данных, установленный в таблицу mat (angular), имеет данные, но не отображает никаких данных, и таблица пуста

Источник данных таблицы mat (angular) имеет данные (массив с одной строкой), но отображает только заголовок, а таблица пуста.

Проблема в том, что консоль в ngOnInit показывает данные, но моя таблица пуста и отображает только заголовок. Что не так с моим простым кодом?

Код в моем html-файле компонента:

<div class="mat-elevation-z8 show-feature">
  <mat-table #table [dataSource]="samples">
    <!-- from Column -->
    <ng-container matColumnDef="name">
      <mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
      <mat-cell *matCellDef = "let row">
        {{row.name}}
      </mat-cell>
    </ng-container>
    <mat-header-row *matHeaderRowDef='displayedColumns'>
      <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
    </mat-header-row>
  </mat-table>
</div>

Код в моем ts-файле компонента:

export class SpliceConnectionsAttributeControl implements 
        AfterContentInit, OnInit, OnDestroy {


  samples: Samples[];
  displayedColumns = ['name'];

  constructor() { }

  ngOnInit() {
    this.samples = [{name: 'test1'}];
    console.log(this.samples);
  }

  ngOnDestroy() {
    // unsubscribe to ensure no memory leaks
    this.subscription.unsubscribe();
  }

  ngAfterContentInit() { }
}

Модель:

export class Samples {
  name: string ;
}