Можно ли спроектировать источник данных Mattable только для строки, а не для определенного объекта? - PullRequest
0 голосов
/ 25 октября 2018

У меня есть массив строк с именем

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> типа.Является ли это возможным?Если да, какие будут решения?Заранее спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...