如何正确地将自定义元素列表传递给class属性？

Question

我的模板中有一行：

<div class="class1 class2 class3 {{ foo_classes }}">

如果foo_classes是空的，我得到class="class1 class2 class3 "。 我想要得到的是class="class1 class2 class3"，在类列表的末尾没有额外的空间。你知道吗

<div class="class1 class2 class3{{ foo_classes }}">

如果我删除了空格（看上面的那行），那么我得到class="class1 class2 class3class4 class5"，这一点也不好。你知道吗

如果foo_classes为空，如何传递额外的类以避免在classes部分的末尾获得不必要的空间？你知道吗

Answer 1

一种方法是使用^{}标记：

<div class="class1 class2 class3{% if foo_classes %} {{ foo_classes }}{% endif %}">