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

Question

我正在尝试class使用Mustache 呈现HTML属性.我想要生成的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 ">...

这应该符合您的需要,尽管类属性末尾有额外的空白区域.