Question

我正在使用小胡子模板来正确生成bootstrap手风琴。现在我需要将前缀传递给顶部项目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"}
    ]
}

但是在胡子模板文件中，我认为你不能索引对象项。我将采取的方法将涉及在渲染之前在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>

希望这会有所帮助。

HTML胡子模板 - 如何获得第一个收集项目

1 个答案: