Question

我只想在条件为真时启用工具提示。我在下面尝试了一些方法，但是似乎没有用。有什么想法可能会有所帮助吗？谢谢。

这是使用它的正确方法matTooltipDisabled =“ row.statusLiteral！==='Test'”吗？

  <resource-status-indicator [status]="row.status"
                [resource]="'data-test'"
                matTooltip= {{row.status}}
                matTooltipDisabled="row.statusLiteral !=== 'Test'"
              ></resource-status-indicator>

Answer 1

我认为您必须使用属性绑定才能使其起作用：

[matTooltipDisabled]="row.statusLiteral !=== 'Test'"

Answer 2

您的运算符需要固定：严格的“ does-not-equal”运算符是!==而不是!===。

为了使angular能够评估您的表达式，您需要将其包装到{{ }}

<resource-status-indicator 
    [status]="row.status" 
    [resource]="'data-test'"
    matTooltip= {{row.status}} 
    matTooltipDisabled="{{row.statusLiteral !== 'Test'}}" >
</resource-status-indicator>

或使用属性绑定[...]="..."

<resource-status-indicator 
    [status]="row.status" 
    [resource]="'data-test'"
    matTooltip= {{row.status}} 
    [matTooltipDisabled]="row.statusLiteral !== 'Test'" >
</resource-status-indicator>

查看此Stackblitz

根据某些条件禁用角度工具提示

2 个答案: