Два 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 с ~, но без успеха. Как объединить строки в веточку

И вместо пробела я попытался добавить  , как объяснено здесь, также безуспешно: Как добавить пробел между переменными в шаблоне веточки?

Answer 1

Вы забыли обернуть значение атрибута в кавычки HTML будет рассматривать второй класс как другой атрибут, не являющийся частью атрибута класса

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