使用Mustache在HTML中添加css类列表

Question

我正在尝试使用Mustache呈现HTML属性class。我想要生成的HTML类似于：

<ul>
    <li class="single-class">First item</li>
    <li class="two classes">Second item</li>
    <li>Third item</li>
</ul>

来自像

这样的数组

array(
    elements => array(
        array(
            class => array(single-class), // maybe even just: class => 'single-class'
            content => 'First item',
        ),
        array(
            class => array(two, classes),
            content => 'Second item',
        ),
        array(
            content => 'Third item',
        ),
    ),
);

我尝试了类似

的内容

<li{{#class}} class="{{.}}"{{/class}}>

但这将生成多个class属性。我正在寻找更像“如果值存在，使用空格加入元素并将它们放在这里”的东西。

Answer 1

<li class="{{#class}}{{.}} {{/class}}">怎么样？

您可以渲染类似

的内容

<li class="single-class ">...
<li class="two classes ">...

这应该符合您的需要，尽管类属性末尾有额外的空格。