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

HTML mustache templates - how to get first item of collection

本文关键字：一项 集合 何获得 HTML      更新时间：2023-09-26

我使用胡子模板来正确生成引导手风琴。现在，我需要将前缀传递到顶部项id="accordelM"，并认为我可以这样做。

 <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>

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

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

但在胡子模板文件中，我认为您无法索引对象项。我会采取的方法是在渲染Json对象之前，用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>

希望这能有所帮助。

相关文章：