在handlebars.js中的循环内循环答案

【问题标题】：loop inside of loop in handlebars.js在handlebars.js中的循环内循环
【发布时间】：2023-03-05 02:16:01
【问题描述】：

我正在使用 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}}

【问题讨论】：

标签： javascript jquery handlebars.js

【解决方案1】：

不确定我是否完全理解了这个问题，如何：

{{#each ../../Flight.LegsOut}}
{{/each}}

【讨论】：