Angular Материал - Подсказка к строке таблицы матов

Question

Я использую Angular Material Mat-Table, и я хотел отобразить подсказку во время наведения мыши на любой строке. На основе идентификатора строки мне нужно сопоставить и отфильтровать данные из mGridDataSource. Я новичок в Angular. Может кто-нибудь, пожалуйста, помогите мне в этом.

HTML файл:

<mat-row *matRowDef="let row; columns: mGridColumns;"
     [ngClass]="{hovered: row.hovered, highlighted: row.highlighted}"
     (click)="onRowClick(mGridDataSource, row)"
     matTooltip = {{myToolTip}} (mouseover)="getToolTip(row); ">
</mat-row>

TS файл:

getToolTip(row) {

this.matTooltip = '';
   }

Answer 1

Вы можете получить доступ к атрибутам строк прямо во всплывающей подсказке. Представьте, что у вас есть свойство tooltipText в вашем указанном c объекте данных строки row, и вы можете получить доступ к этому свойству прямо в своем шаблоне. Нет необходимости выполнять функцию при наведении курсора, чтобы сохранить текущую подсказку внутри переменной компонента.

<mat-row
  *matRowDef="let row; columns: mGridColumns;"
  (click)="onRowClick(mGridDataSource, row)"
  [matTooltip]="row.tooltipText">
</mat-row>