使用Ng-Class判断数值范围：数字超范围时无法变色问题求助

你的代码有两个核心问题导致不生效：

• 条件范围完全错误：你写的item.number<=26.5 && item.number>=26.5等价于item.number === 26.5，和你需要的0.3-0.5范围毫无关系。
• 逻辑不符合需求：你要的是超出0.3至0.5范围时变色，也就是数值小于0.3或者大于0.5的情况，而不是等于某个值。

修改后的代码 #

<th 
  scope="col" 
  [ngClass]="{'changeColor' : item.number < 0.3 || item.number > 0.5}"
>
  {{item.number}}
</th>

补充说明 #

• 确保你已经在CSS中定义了changeColor类的样式，比如：

.changeColor {
  color: red; /* 替换成你需要的颜色 */
}

• 如果item.number是字符串类型，记得先转成数字再判断，比如+item.number < 0.3 || +item.number > 0.5，避免类型判断错误。

内容的提问来源于stack exchange，提问作者Andrelle John Nantes