时间戳

首页 > 解决方案 > 将 matTooltip 绑定到 2 个值

angular - 将 matTooltip 绑定到 2 个值

问题描述

我有一个列表，其中包含每个包含操作的列表，并且我想在精确列表上应用工具提示，所以我这样做了。

<li *ngFor="let op of opList"
    style="margin-right: 5px;margin-left: 5px;"
    class="elementList">
        <div class="pointer"
            (dblclick)="addOperator(op, myTextArea)" 
            [matTooltip]="opList==repDateOperations ? date1 :null">{{op}}</div>
</li>

这repDateOperations=["RepStartDate","RepEndDate"]

在此处输入图像描述

我希望当我将鼠标悬停在 RepStartDate 上时显示变量 date1 的值，当我悬停在 RepEndDate 上时显示其他变量 date2 的值。

标签： angular

解决方案

您可能正在寻找的是：

*ngFor="let op of opList; let i = index"
[matTooltipDisabled]="opList !== repDateOperations"
[matTooltip]="i === 0 ? data1 : data2"

推荐阅读