Angular中如何根据条件为取值0/1的transfer列设置对应tooltip

原有代码问题 #

• 三目运算逻辑倒置：要求值为0时显示activated，值为1时显示not activated，但原有逻辑值为0时输出了字段本身，且重复写了两次三目导致tooltip内容拼接错误
• 未兼容值的类型：如果headerDef['transfer'][i]是数字类型的0/1，用== '0'匹配会出现判断失效的问题

正确修改方案 #

直接简化为单条三目运算即可，同时兼容数字/字符串两种值类型：

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

如果需要严格匹配类型，可以把判断条件改成=== '0'或者=== 0，根据你实际业务中transfer字段的存储类型调整即可。

内容的提问来源于stack exchange，提问作者Nik-dev