如何使用Primeng添加条件工具提示

Question

我正在尝试通过按钮添加条件工具提示。使用Primeng Tooltip组件：

<div pTooltip="Please upload" style="display:inline-block;" tooltipPosition="top" 
   tooltipDisabled = "flag">
     <button class="btn btn-primary btn-xs"><i class="fa fa-check" 
     aria-hidden="true"></i></button>
</div>

它不起作用。

但是，没有" ToolTipDisabled"的工具提示正常工作。

有人可以帮我吗？

Answer 1

使用 [tooltipDisabled]="flag"代替

Answer 2

tooltipDisabled正在寻找布尔值。您给它一个字符串（我希望看到代码的组件的flag属性）。

使用[tooltipDisabled]="flag"而不是。

Answer 3

我知道这个线程是旧的，但也许可以帮助其他人帮助我。列出的解决方案不能解决我的问题，而是给我一个想法：只有当我将[pTooltip]="variableWithMyText"放置在带有括号的CC_4并用文本内容绑定到本地变量时，我的代码可以完美地工作。

。

html（凝结至解释的最低属性）：

<div [pTooltip]="tooltipText" [tooltipDisabled]="hideTooltip"></div>

typescriptp file（凝结至解释的最低属性）：

hideTooltip: boolean;
tooltipText = 'This text will showed on Tooltip';
if(conditionToShowTooltip){
    this.hideTooltip = true;
} else {
    this.hideTooltip = false;
}