TypeScript - Angular Material - Mat-table satır ipucu

Angular Material Mat-Table kullanıyorum ve herhangi bir satırın üzerine fare ile gelindiğinde bir araç ipucu göstermek istiyorum. Satır kimliğine göre, mGridDataSource'dan verileri eşleştirip filtrelemem gerekiyor. Angular konusunda yeniyim. Biri bana bu konuda yardımcı olabilir mi?

HTML dosyası:

<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 dosyası:

getToolTip(row) {

this.matTooltip = '';
   }

Cevap #1

Satır özniteliklerine ipucu içinde doğrudan erişebilirsiniz. Özel satır veri nesnenizde tooltipText özelliğiniz olduğunu hayal edin, o zaman bu özelliğe şablonunuzda doğrudan erişebilirsiniz. Mevcut ipucunu bir bileşen değişkenine depolamak için fareyle üzerine gelindiğinde bir işlev çalıştırmanıza gerek yoktur.

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

İlgili makaleler