Question

is it possible to use pTooptip if text overflow

.ellipsis-text{
        @include setWhiteSpace(nowrap);
        @include setTextOverflowToEllipsis();
        display: $block;
        overflow: $hidden;
    }

<span class="ellipsis-text" id="attchPTooltip" pTooltip="abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc"> 
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
</span>

仅当文本溢出，否则没有工具提示时，我才想使用此pToolTip。

Answer 1

我建议使用字符串的Length属性来查找长度，如果该长度大于（30，40 ...等），则使用工具提示，否则显示如下文本。您可以使用ngSwitch或ngIf。

<span *ngIf="data.length > 30">
     <button class="btn btn-default"  pTooltip={{data._id}}></button>
</span>
<span *ngIf="data.length > 30">{{data._id}}</span>

Answer 2

我建议这样做： Email form issue

如果字符串长度不太长，则可以使用“ tooltipDisabled”属性。

如果文本溢出，是否可以使用pTooptip

2 个答案: