小编Rah*_*hul的帖子

HTML：

<td mat-cell [attr.id]="hospital.organizational_id + '_hospitalname'" 
    *matCellDef="let hospital">
    <div id="hospital_name" class="truncate" 
        [matTooltip]="hospital.organization_name.length > 32 ? 
        hospital.organization_name: '' ">
        {{hospital.organization_name}}
    </div>
</td>

CSS：

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
}

我想要一个工具提示完全根据省略号动态显示。但问题是工具提示显示，但它也被显示为没有省略号的数据。我正在使用 angular-material

我在参考了一些网站后写了一些 CSS

预期的行为应该只为具有省略号的数据获取工具提示，否则它应该被隐藏，你可以看到我正在使用有角度的材料。

我已经看到一些使用 jquery 的解决方案，但它对我不起作用。有没有办法解决这个问题？

提前致谢