2015-05-02 55 views
0

我正在使用handlebars.js。我有一个飞行循环.LegsOut和我真的只使用flight.LegsOut元素的“第一个”和“最后一个”。但在循环内我有一个模式弹出标签 - “下拉弹出”。弹出窗口将显示来自所有flight.LegsOut元素的数据。但弹出窗口放置在“最后一个”循环内(用于CSS放置原因)。所以我的问题是:如何在飞行的“最后”内部完成整个Flight.LegsOut的循环.LegsOut为了在模式弹出窗口中显示数据 - 标记为“下拉弹出”?handlebars.js中的循环内循环

{{#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}} 

回答

0

不知道我完全理解这个问题,怎么样:

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