[英]loop inside of loop in handlebars.js
我正在使用handlebars.js。 我有一个flight.LegsOut循环,实际上我只使用flight.LegsOut元素的“第一个”和“最后一个”。 但是在循环内部,我有一个模式弹出窗口(标记为“下拉弹出窗口”)。 弹出窗口将显示来自flight.LegsOut元素的所有数据。 但是弹出窗口被放置在“最后”循环的内部(出于CSS放置的原因)。 所以我的问题是:如何在Flight.LegsOut的“最后一个”内部进行整个Flight.LegsOut的循环,以便在标记为“下拉菜单”的模式弹出窗口中显示其数据?
{{#each Flight.LegsOut}}
{{#if @@first}}
<figure class="srbl-img">
<img src="/content/images/airline/{{Carrier}}.png" />
</figure>{{/if}}
{{#if @@last}}
<span class="srbl-col2">
<font class="fcc-tab">{{IATAFrom}} </font>
<font class="fcc-right">
{{ time DepartureDateTime }}
<br>
Rome
</font>
</span>
<span class="srbl-col3">
{{ readableTime ../../Flight.TravelTimeOut}}
<br>
<font class="green">
{{ leglength ../../Flight.LegsOut}} <a href="#"><img alt="" src="/content/images/package/info-icon.png"></a>
<!-- dropdown popup -->
<div class="popup-tab">
<span class="arrow-indicate"><img alt="" src="/content/images/package/top-indecate.png"></span>
<div class="popup-innertab">
<div class="popup-left">
<h3>Airport</h3>
<p>XXX (Milano)</p>
</div>
<div class="popup-right">
<h3>Waiting time</h3>
<p>1h 22m</p>
</div>
<div class="clear"></div>
</div>
</div>
<!-- dropdown popup -->
</font>
</span>
<span class="srbl-col4">
<font class="fcc-tab">
<strong>{{IATATo}}</strong><br>
Iasi
</font>
<font class="fcc-right">
{{ time ArrivalDateTime }}
</font>
</span>
<div class="clear"></div>
{{/if}}
{{/each}}
不确定我是否完全理解问题,如何处理:
{{#each ../../Flight.LegsOut}}
{{/each}}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.