小枝突破循環，然後繼續下一個div的其餘部分

Question

我想通過會議對象數組來循環每個會議在同一天需要顯示在其自己的div內，如果日期發生變化，那麼會議需要的日期要在下一格，所以我要找的輸出是這樣的

<div class="row"> 
    <h2 class="date-heading">September 24</h2> 
    <div class="col4">Meeting 1 </div> 
    <div class="col4">Meeting 2 </div> 
    <div class="col4">Meeting 3 </div> 
    <div class="col4">Meeting 4 </div> 
    <div class="col4">Meeting 5 </div> 
</div> 

<div class="row"> 
    <h2 class="date-heading">September 25</h2> 
    <div class="col4">Meeting 1 </div> 
    <div class="col4">Meeting 2 </div> 
    <div class="col4">Meeting 3 </div> 
    <div class="col4">Meeting 4 </div> 
    <div class="col4">Meeting 5 </div> 
</div> 

<div class="row"> 
    <h2 class="date-heading">September 26</h2> 
    <div class="col4">Meeting 1 </div> 
    <div class="col4">Meeting 2 </div> 
    <div class="col4">Meeting 3 </div> 
    <div class="col4">Meeting 4 </div> 
    <div class="col4">Meeting 5 </div> 
</div> 

現在環路我訪問稱爲request.isNewDate每個對象的參數中，這就會被設置爲yes爲電流回路有一個不同的日期比以前的循環，我想我可以用這個來實現我所需要的，但我有一個邏輯問題。

這就是我的代碼看起來像我正在循環的地方，如果request.isNewDate是yes，然後在一個新的div內啓動其餘部分，我怎麼能跳出這個循環。

任何幫助將不勝感激。

<div class="row"> 
    {% for request in pagination %} 
    <div class="col4"> 

     <h5 class="">{{ request.getGuest.getFirstName }}</h5> 
     <h6 class="text-transform-none">{{ request.getGuest.getCollege }}<br> 
      {{ request.getGuest.getDegree }}<br> 
      ({{ request.getGuest.getCourse }}) 
     </h6> 
    </div> 
</div> 

Answer 1

試試這個剪斷代碼：

{% for request in pagination %} 

    {# 
     If is a new date, open a new div TAG and dump the data. 
     If the first element of the collection do not have this info 
     consider to use loop.index0 as OR operation. 
    #} 
    {% if request.isNewDate %} 
    <div class="row"> 
            {# print and format the date #} 
     <h2 class="date-heading">{{ request.date }}</h2> 
    {% endif %} 

    {# Render data of an element, consider to wrap this data in a single twig and incude #} 
    <div class="col4"> 

     <h5 class="">{{ request.getGuest.getFirstName }}</h5> 
     <h6 class="text-transform-none">{{ request.getGuest.getCollege }}<br> 
      {{ request.getGuest.getDegree }}<br> 
      ({{ request.getGuest.getCourse }}) 
     </h6> 
    </div> 

    {# remember to close the div #} 
    {% if request.isNewDate %} 
     </div> 
    {% endif %} 


{% endfor %} 

希望這有助於

Answer 2

執行控制器中的邏輯並分別將數據傳遞給Twig。

你不希望這種邏輯被掩埋在模板中。這將成爲未來的維護頭痛，做這種事情導致混亂，難以閱讀模板。