如何使用角度根据条件显示工具提示值

时间:2021-07-12 15:22:52

标签: html angular typescript angular8

如何为具有值 0 / 1 的列传输显示一些文本,例如如果值为 0,工具提示上的文本应为“已激活”,如果值为 1,则文本应为“未激活”< /p>

以下是我写的逻辑,但它不起作用,请建议我进行正确的更改。

<span *ngIf = "headerDef['property'][i] === 'transfer' "
title="{{headerDef['transfer'][i] == '0' ? headerDef['transfer'][i]: 'Activated' }}
{{ headerDef['transfer'][i] == '0' ? headerDef['transfer'][i]: 'Not Activated' }}"
>
</span>

1 个答案:

答案 0 :(得分:0)

考虑到您的评论(与字符串比较),您可以使用单个三元运算符。

试试下面的方法

<span 
  *ngIf="headerDef['property'][i] === 'transfer'"
  [title]="headerDef['transfer'][i] == '0' ? 'Activated' : 'Not Activated'"
>
</span>

请注意,我们假设如果值是 '0',它必须'1' 并显示 'Not Activated'。如果有额外的值需要检查,三元运算符需要扩展。

更新:工作示例:Stackblitz