使用flask, 在html模板中使用jinga语法,做了如下条件判断:
{% if para == 123 %}
<a class="btn active" href="#" >test</a>
{% else %}
<a class="btn" href="#" >test</a>
{% endif %}
if判断输出的唯一区别是,如果条件为真,则在class中加一个 acitve,因为实际代码很长,而且相同判断情形很多,总是把几乎相同的语句复制两遍,感觉非常冗余,所以想了解是否有简化或优雅的写法?
用三目运算符
<a class="btn {{'active' if para == 123 else ''}}" href="#" >test</a>
可以给a标签添加需要的属性,然后用js来设置,比如
<a attr='123' class="btn">test</a>
<script>a=document. querySelector('a[attr={{para}}]');if(a)a.classList.add('active')
</script>