Django模板变量条件判断未正确求值，active类未生效问题求助

问题原因 #

• 最常见原因是两个变量的类型不匹配：Django模板的==判断为严格相等，不会自动做类型转换。比如request.user.is_paysubscribed是整数类型（例如1），product.metadata.tier是字符串类型（例如"1"），即使打印出来值看起来一致，判断也会返回假。
• 其次可能是变量值存在不可见字符：比如其中一个变量前后带有空格、换行符等隐藏字符，打印时看不到，但会导致相等判断失败。
• 原模板中class属性的引号写在if分支内属于不规范写法，容易引发语法问题，也可能是异常原因之一。
• 小概率是样式优先级问题：即使active类成功添加，也可能被其他更高优先级的CSS规则覆盖，看起来像是没生效。

解决方法 #

1. 先修正class属性的不规范写法，把闭合引号放到条件判断外部，避免语法异常：
   将原有card-body标签的开头代码

<div class="card-body{% if request.user.is_paysubscribed == product.metadata.tier %} active"{% else %}"{% endif %} id="{{ product.name|slugify }}-card" role="button" onclick="planSelect('{{ product.name|slugify }}-card', '{{ product.name }}', '{{ price.human_readable_price }}', '{{ price.id }}')">

修改为规范写法：

<div class="card-body{% if 你的判断条件 %} active{% endif %}" id="{{ product.name|slugify }}-card" role="button" onclick="planSelect('{{ product.name|slugify }}-card', '{{ product.name }}', '{{ price.human_readable_price }}', '{{ price.id }}')">

2. 强制统一变量类型后再做判断，推荐优先转成字符串对比，避免数值转换出错，修改判断逻辑为：

{% if request.user.is_paysubscribed|stringformat:"s" == product.metadata.tier|stringformat:"s" %}

如果确认两个变量都是数值类内容，也可以转成整数对比：

{% if request.user.is_paysubscribed|add:0 == product.metadata.tier|add:0 %}

3. 如果是变量带多余空格的问题，添加trim过滤器去除首尾空白：

{% if request.user.is_paysubscribed|stringformat:"s"|trim == product.metadata.tier|stringformat:"s"|trim %}

排查步骤 #

• 打开浏览器开发者工具（F12），查看对应卡片的class属性，确认是active类没有添加上，还是添加后样式不生效。
• 可以在模板中临时输出判断结果，确认逻辑是否走对：

判断结果：{% if request.user.is_paysubscribed == product.metadata.tier %}相等{% else %}不等{% endif %}

如果输出为不等，就可以确认是相等判断本身的问题，优先按照上面的类型统一方法修改即可。

内容的提问来源于stack exchange，提问作者RNC