如何在角度材料工具提示中显示多个值？

Question

如何在 Angular Material 工具提示中获取多个值

<ng-container matColumnDef="products">
                <mat-header-cell *matHeaderCellDef>Products</mat-header-cell>
                <mat-cell *matCellDef="let orderResult">
                    <div *ngFor="let data  of orderResult.orderDetails;let last=last" matTooltipClass="primary-tooltip" matTooltip={{data.product.productName}}>
                        {{data.product.productName}}
                        <!-- <span *ngIf="!last">,</span> -->
                    </div>
                </mat-cell> 

Answer 1

您可以尝试以下一种方法：

1. 在您的 .ts 文件中编写一个函数，该函数将您想要在 matToolTip 中的单词数组作为输入：

getToolTip(arrayOfWords){
  let toolTip = '';
        for (let i = 0; i < arrayOfWords.length; i++) {
            toolTip = toolTip + ' ' + arrayOfWords[i];
        }
  return toolTip;
}

2. 在您的 html 中添加 ma​​tToolTip 如下：

（此处的“ArrayToBePassed”是您要在 matToolTip 中显示的单词列表。）

<div [matTooltip]="getToolTip(ArrayToBePassed)">