Angular Kendo 网格列工具提示答案

【问题标题】：Angular Kendo Grid Column TooltipAngular Kendo 网格列工具提示
【发布时间】：2023-02-25 00:22:37
【问题描述】：

我使用以下标记在将鼠标悬停在单元格上时呈现工具提示：

    <kendo-grid-column field="firstName" title="First Name">
        <ng-template kendoGridCellTemplate let-dataItem>
            <span kendoTooltip title="{{ dataItem.firstName }}">
                {{ dataItem.firstName }}
            </span>
        </ng-template>
    </kendo-grid-column>

是否可以将其集成到指令中以便我可以执行此操作（这样我就不必重复代码）：

    <kendo-grid-column field="firstName" title="First Name" myGridCellToolTip></kendo-grid-column>

杰森

【问题讨论】：

标签： angular kendo-grid

【解决方案1】：

尝试用 div 包裹你的跨度并将指令放在这里，例如：

<kendo-grid-column field="firstName" title="First Name">
    <ng-template kendoGridCellTemplate let-dataItem>
        <div kendoTooltip>
            <span title="{{ dataItem.firstName }}">
               {{ dataItem.firstName }}
            </span>
        </div>
    </ng-template>
</kendo-grid-column>

【讨论】：