Estoy tratando de hacer uso deMesa de material angular. Estoy tratando de usar el mismo código que los ejemplos que tienen, pero tengo un problema cuando tengo que definir el[dataSource]="data".

Esta pregunta puede sonar estúpida, pero los datos de mi tabla son una simple matriz de objetos, ¿cómo puedo implementar eso?

En aras de explicar, digamos que mis datos se ven así:

public data = [{ ID: 1, Code: "Hi" }, { ID: 2, Code: "Bye" }];

Aquí está el código que tengo actualmente:

<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>