В таблице материалов Angular 5 не отображаются данные

Хай, я работаю над веб-приложением в угловой 5. В этом приложении мы используем угловатый материал. На одной из страниц у нас есть мат-стол, но мы не можем заставить его работать. Таблица никогда не показывает нам никаких данных. Данные, которые мы вызываем из нескольких бэкэндов и с помощью отладчика, мы знаем, что данные не равны нулю. Даже если мы попытаемся использовать пример материала angular, это все равно не сработает. Что мы не так?

HTML

  <mat-table #invoiceTable [dataSource] = "datasource" matSort>
    <ng-container matColumnDef = "SerialNr">
      <th mat-header-cell *matHeaderCellDef> SerialNr. </th>
      <td mat-cell *matCellDef = "let movement" > {{movement?.serialNr}} </td>
    </ng-container>
    <tr mat-header-row *matHeaderRowDef = "displayedColumns"></tr>
    <tr mat-row *matRowDef = "let row; columns: displayedColumns;">
    </tr>
  </mat-table>

TS

displayedColumns = ['SerialNr'];
movements = [];
// datasource = new MatTableDataSource<Movement>(this.movements);
datasource: MovementDataSource;

  getMovementsByVehicleID() {
 this.authUser.ownedVehicles.forEach((vehicle) => {
    this.movementService.getMovementsByCarID(vehicle.id).subscribe(
      (newMovemnts) => {
        this.movements = newMovemnts;
        this.datasource.update(newMovemnts);
      },
    );
  }
);
}




export class MovementDataSource extends DataSource<Movement> {

constructor(private movements: Movement[]) {
  super();
}

connect(): Observable<Movement[]> {
  return Observable.of(this.movements);
}

update(movements: Movement[]) {
  movements.forEach((move) => {
    this.movements.push(move);
  });
}

   disconnect(collectionViewer: CollectionViewer): void {
   }
}

МАТЕРИАЛ.ТС

@NgModule({
  imports: [
    MatButtonModule,
    MatToolbarModule,
    MatGridListModule,
    MatIconModule,
    MatInputModule,
    MatMenuModule,
    MatPaginatorModule,
    MatSidenavModule,
    MatSnackBarModule,
    MatCardModule,
    MatTableModule,
    MatSortModule,
    MatProgressSpinnerModule,
    CdkTableModule,
  ],
  exports: [
    MatButtonModule,
    MatToolbarModule,
    MatGridListModule,
    MatIconModule,
    MatInputModule,
    MatMenuModule,
    MatPaginatorModule,
    MatSidenavModule,
    MatSnackBarModule,
    MatCardModule,
    MatTableModule,
    MatSortModule,
    MatProgressSpinnerModule,
    CdkTableModule
  ],
  declarations: []
})
export class MaterialModule {
}

Мы много чего перепробовали. это последняя версия, но она все еще не работает. Конечно, мы добавили модуль материала в импорт app.module.ts. Странно то, что даже примеры не работают. Любые идеи?

Я обновил свой вопрос. Это все еще не работает