两个带有树枝变量的html类

Question

我想要一个html元素，其中包含两个由细枝变量定义的类。 我可以用一个嫩枝变量来做，它们都可以分开工作。但是，一旦我尝试将它们放在一起，则只有头等舱有效。 我在论坛上搜索，但只发现了有关树枝类或直接在html中的两个类的信息。 有了Twig，我有了：

<p class={{"type#{item.type1}"}}> Paragraph </p>

在html中应该是：

<p class="type1 type2"}}

当我尝试将以下两者结合时，它不起作用：

<p class={{"type#{item.type1} type#{item.type2}"}} > Paragraph </p>

我还尝试了使用~的其他concat方法，但是没有成功。 How to concatenate strings in twig

我没有尝试添加 的空间，而是在这里失败了： How to add space between variables in twig template?

Answer 1

您忘记了将属性值用引号引起来。 HTML会将第二类视为另一个属性，而不是该类属性的一部分

<p class="{{"type#{item.type1} type#{item.type2}"}}">Paragraph</p>