Есть ли способ получить значения, соответствующие столбцу в таблице после выбора имени заголовка таблицы? - PullRequest
Новая
       13

Есть ли способ получить значения, соответствующие столбцу в таблице после выбора имени заголовка таблицы?

1 голос
/ 18 октября 2019

У меня есть таблица, использующая данные json из API. Я хочу выбрать заголовок таблицы и соответствующие ей значения. Заголовок и значения таблицы могут изменяться для разных наборов данных.

Я использую Angular Material для создания таблицы.

Вот код шаблона для создания таблицы - 

<table mat-table [dataSource]="dataSource">
    <ng-container *ngFor="let disCol of displayedColumns; let colIndex = 
     index" matColumnDef="{{ disCol }}">
        <th mat-header-cell *matHeaderCellDef>
          <mat-checkbox
            #checkbox
            (change)="onClickSelect(checkbox)"
            value={{disCol}}
            labelPosition="before"
            >{{ disCol }}
          </mat-checkbox>
        </th>
        <td mat-cell *matCellDef="let element">
            {{ element[disCol] }}
        </td>
    </ng-container>

    <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true">
    </tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns">
    </tr>
</table>

Это файл компонента ts, в котором значения dataSource и displayedColumns поступают из службы. 

showTableData() {
  this.tableLoading=true
  this.showTab= !this.showTab;
  this.displayedColumns= this.fileService.objectKey ;
  this.dataSource = this.fileService.totalObject ;
  this.tableLoading=false;
}
onClickSelect(event){
  console.log('Corresponding Column values',event.value)
}

ТАК, здесь фактический результат будет: - После получения таблицы у меня будетвозможность выбрать любой конкретный столбец и получить соответствующие значения. И я не хочу выбирать несколько столбцов.

Заранее спасибо за ваше время здесь.

...