Django在for循环中模板空格和空字符

Question

我有一个 django 模板负责列出一些标签，如果有通过列表sources：

<div id="selected-sources"  style="min-height:150px; max-height:500px">
{% for source in sources %}
<span id='{{source.0}}' class='tag_with_remove'>
<i class='icon-remove'></i>
<span class='label'>source: {{source.1}}</span>
</span>
{% endfor %}
</div>

结果是什么：

<div id="selected-sources" style="min-height:150px; max-height:500px">

</div>

当sources 为空时。

但我希望它呈现如下：

<div id="selected-sources" style="min-height:150px; max-height:500px"></div>

这样编码是否唯一的解决方案：

<div id="selected-sources"  style="min-height:150px; max-height:500px">{% for source in sources %}
<span id='{{source.0}}' class='tag_with_remove'><i class='icon-remove'></i><span class='label'>source: {{source.1}}</span></span>{% endfor %}</div>

更新： 通过小的修改，但让代码看起来有点脏，我摆脱了这个额外的换行符：

<div id="selected-sources"  style="min-height:150px; max-height:500px">{% for source in sources %}
<span id='{{source.0}}' class='tag_with_remove'>
<i class='icon-remove'></i>
<span class='label'>source: {{source.1}}</span>
</span>
{% endfor %}</div>

Answer 1

您可以使用以下方法轻松摆脱 django 产生的所有不必要的空格：{% spaceless %} 标签参见文档：https://docs.djangoproject.com/en/dev/ref/templates/builtins/#spaceless

{% spaceless %}
<div id="selected-sources"  style="min-height:150px; max-height:500px">
{% for source in sources %}
<span id='{{source.0}}' class='tag_with_remove'>
<i class='icon-remove'></i>
<span class='label'>source: {{source.1}}</span>
</span>
{% endfor %}
</div>
{% endspaceless %}

Answer 2

如果我理解正确的话，你可以像 in the template docs 说的那样做：

{% if sources %}
  <div id="selected-sources" style="min-height:150px; max-height:500px">
    {% for source in sources %}
      <span id='{{source.0}}' class='tag_with_remove'>
      <i class='icon-remove'></i>
      <span class='label'>source: {{source.1}}</span>
      </span>
    {% endfor %}
  </div>
{% else %}
  <div id="selected-sources" style="min-height:150px; max-height:500px"></div>
{% endif %}