Question

如果我的名单空洞,我就想得出这样的结果:

<div id="some-id">
</div>

如果我的名单上没有发言,我就想这样做:

<div id="some-id">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>etc</li>
  </ul>
</div>

请注意,我生产了<代码><ul>和</ul> tags, 最多一次是,但仅限于该名单为非豁免。

下面的法典与我如何在公共卫生和社会福利部中这样做密切相关,但显然是错误的:

<div id="some-id">
{{#items}}
  <ul>
{{/items}}

{{#items}}
    <li>{{name}}</li>
{{/items}}

{{#items}}
  </ul>
{{/items}}
</div>

如果<代码>项目为3个项目清单,Im将获得3个<代码><ul> s——显然不是我想要的。

我的理解是,我可以把一些其他钥匙设定为蓝色旗(hasItems,但这可能是多余的。

难道我能够只为一次非豁免名单而拿出一个障碍的更明智的方法吗?

Answer 1

您可使用

data = {  items  : {  name  : ["Item 1", "Item 2", "etc"] } };

你的模板希望:

<div id="some-id">
    {{#items}}
    <ul>
        {{#name}}
        <li>{{.}}</li>
        {{/name}}
    </ul>
    {{/items}}
</div>

下面是展示<代码>项目的jsFiddle的例子。 http://jsfiddle.net

Answer 2

如果您不希望或能够改革其数据或排气发动机,你也可以检查<代码>项目。 <代码><ul> tags. 有些人这样做,但肯定是马克斯回答的替代办法。

{{#items.length}}
    <ul>
        {{items}}
            <li>{{name}}</li>
        {{/items}}
    </ul>
{{/items.length}}

Answer 3

其他两个答案不利于鲁比执行Mustache。我的解决办法是,作为模板的一部分,再分配一个参数。

template = <<EOF
{{#has_items}}
<ul>
    {{#items}}
        <li>{{.}}</li>
    {{/items}}
</ul>
{{/has_items}}
EOF
items = [ one ,  two ,  three ]
context = { items: items, has_items: items.any? }
Mustache.render(template, context)

友情链接