Так что в вашем случае что-то подобное должно работать;
аюсь использоватьУгловая таблица материалов, Я пытаюсь использовать тот же код, что и примеры, которые у них есть, но я сталкиваюсь с проблемой, когда мне нужно определить[dataSource]="data"
.
Этот вопрос может показаться глупым, но мои данные таблицы представляют собой простой массив объектов, как я могу это реализовать?
для пояснения скажем, мои данные выглядят так:
public data = [{ ID: 1, Code: "Hi" }, { ID: 2, Code: "Bye" }];
Вот код, который у меня сейчас есть:
<div class="example-container mat-elevation-z8">
<mat-table #table [dataSource]="data">
<ng-container matColumnDef="number">
<mat-header-cell *matHeaderCellDef> Number </mat-header-cell>
<mat-cell *matCellDef="let row"> {{ row.ID }} </mat-cell>
</ng-container>
<ng-container matColumnDef="Code">
<mat-header-cell *matHeaderCellDef> Code </mat-header-cell>
<mat-cell *matCellDef="let row">{{row.Code}}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>
</div>