HTML 小胡子模板 - 如何获取集合的第一项

Question

我正在使用 mustache 模板正确生成引导手风琴。现在我需要将前缀传递给顶部项目 id = 'accorElM' 并认为我可以做这样的事情。

 

 <div class="accordion" id='{{#DataResult[0].prefixID}}_accorElM'>

IE，获取集合中的第一项

这可能吗？

代码示例：

  <div class="accordion" id='accorElM'>

              {{#DataResult}}

                     <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a style="text-align: left; text-decoration: none" class="accordion-toggle btn" data-toggle="collapse" data-parent='#{{prefixID}}accorEl' href='#{{prefixID}}collapseEl_{{id}}'>
                                        <i class="icon-globe"></i>&nbsp;{{tipo}}<i class="icon-chevron-down pull-right"></i>
                                    </a>
                                </div>
                                <div id='collapseEl_{{id}}' class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        <div class="row-fluid">
                                            <div class="span9">

                                                <address>

                                                    <br />
                                                   {{zona}}
                                                    <br />
                                                    {{cpostal}}
                                                    <br />
                                                    {{pais}}
                                                </address>
                                            </div>
                                            <div class="span3">
                                                <div class="pull-right">

                                                  .....

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

            {{/DataResult}}

          </div>

Answer 1

我猜你的数据一定是这样的：

{"DataResult":[
    {"prefixID":"1","name":"first"},
    {"prefixID":"2","name":"second"}
    ]
}

但在 mustache 模板文件中，我认为您不能索引对象项。我将采取的方法将涉及在渲染之前在 javascript 中操作 Json 对象（甚至在构建对象时在后端）。 在您的情况下，如果您需要 DataResult 中第一项的 prefixID。您可以更改对象使其看起来像这样：

{"DataResult":[
    {"prefixID":"1","name":"first"},
    {"prefixID":"2","name":"second"}
    ],
 "theIdIWant":"1"
}

然后在模板文件中：

<div class="accordion" id='{{theIdIWant}}_accorElM'>

          {{#DataResult}}
                 <div class="accordion-group">
                 ///////
                 </div>
          {{/DataResult}}
</div>

希望这会有所帮助。