У меня есть массив строк с именем
customers: string[] = ['Nazmul', 'Feroz', 'Nitul', 'Himel', 'Arafat', 'Habib'];
и другой для заголовка столбца источника данных таблицы матов с именем
displayedColumns: string[] = ['select', 'ApplicableRelationList'];
Теперь я хочу вставить данные клиентов в matTableDataSource с именем
dataSourceForRelation: MatTableDataSource<string>;
this.dataSourceForRelation = new MatTableDataSource(this.customers);
Теперь В html я хочу показать данные таблицы матов, используя следующий код,
<div class="data-list">
<table mat-table [dataSource]="dataSourceForRelation" class="mat-elevation-z8">
<!-- Checkbox Column -->
<ng-container matColumnDef="select">
<th mat-header-cell *matHeaderCellDef>
<mat-checkbox (change)="$event ? masterToggleForSave() : null"
[checked]="selectionForSave.hasValue() && isAllSelectedForSave()"
[indeterminate]="selectionForSave.hasValue() && !isAllSelectedForSave()">
</mat-checkbox>
</th>
<td mat-cell *matCellDef="let row">
<mat-checkbox (click)="$event.stopPropagation()"
(change)="$event ? selectionForSave.toggle(row) : null"
[checked]="selectionForSave.isSelected(row)">
</mat-checkbox>
</td>
</ng-container>
<ng-container matColumnDef="ApplicableRelationList">
<th mat-header-cell *matHeaderCellDef> ApplicableRelationList </th>
<td mat-cell *matCellDef="let element"> {{element}} </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumnsForSave; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumnsForSave;"
(click)="selectionForSave.toggle(row)">
</tr>
</table>
</div>
Но эта таблица не показывает никаких данных или ошибок.Я искал об этих проблемах, но ничего не подходит для моего решения.Многие решения показывают, что Mattable имеет объект, который выглядит как MatTableDataSource<Branch>
тип.
и
Branch {
name: string;
id: number;
}
Но я хочу MatTableDataSource<string>
типа.Является ли это возможным?Если да, какие будут решения?Заранее спасибо.