Hy, я работаю над веб-приложением в angular 5 .В этом приложении мы используем угловой материал.На одной из страниц у нас есть мат-таблица, но мы не можем заставить ее работать.Таблица никогда не показывает нам никаких данных.Данные, которые мы вызываем из нескольких бэкэндов и с помощью отладчика, мы знаем, что данные не равны нулю.Даже если мы попытаемся использовать пример углового материала, он все равно не сработает.Что мы не правы?
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 {
}
}
MATERIAL.TS
@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.Странно то, что даже примеры не работают.Есть идеи?
Я обновил свой вопрос.Это все еще не работает