Question

我有以下代码：

<div class="other_left_array" >
      {% if followeds.followeds_posts_counts[key] > 0 %}
        <a id="2"  href="javascript:void(0);" class="left_array_trigger">
            la
        </a>
      {% else %}
        <a id="2" style="display: none" href="javascript:void(0);" class="left_array_trigger">
            la
        </a>
      {% endif %}
   </div>

我觉得还有另一种更优化的方式来编写这样的代码，特别是两种语句之间的唯一区别是：style="display: none"。非常感谢您的帮助。

Answer 1

你能试试吗，

<div class="other_left_array" >          
 <a id="2" {%if followeds.followeds_posts_counts[key]>0 %} style="display: none;"  {%endif%}     href="javascript:void(0);" class="left_array_trigger">
       la
    </a>             
 </div>

Answer 2

只需将if语句放在该位置：

<div class="other_left_array" >
    <a id="2" {% if followeds.followeds_posts_counts[key] > 0 %}style="display: none"{% endif %}  href="javascript:void(0);" class="left_array_trigger">
        la
    </a>
</div>

为了使它更好，你可以使用三元运算符：

<div class="other_left_array" >
    <a id="2" {{ followeds.followeds_posts_counts[key] > 0 ? 'style="display: none"' : '' }}  href="javascript:void(0);" class="left_array_trigger">
        la
    </a>
</div>

或者您可以使用{% spaceless %}标记：

<div class="other_left_array" >
    {% spaceless %}
    <a
        id="2"
        {% if followeds.followeds_posts_counts[key] > 0 %}
            style="display: none"
        {% endif %}
        href="javascript:void(0);"
        class="left_array_trigger"
    >
    {% endspaceless %}
        la
    </a>
</div>

在树枝中优化'if else'语句

2 个答案: