樹枝嵌套循環獲取更多元素

Question

我有一個嵌套在樹枝的循環，我得到的元素加倍在1,1,1,1/2,2,2,2/3,3,3,3的形式。我如何使用第一個循環訪問第二個循環中的數據而不復制元素？

{% for form in forms %} 
    {% for question in surveyQuestions %} 
     <div class="overlay-container tab-content"> 
      <div role="tabpanel" class="show-rendered-form tab-pane in fade active" id="show-rendered-form"> 
       {% form_theme form with ['bootstrap_3_horizontal_layout.html.twig'] %} 
       {{ form(form) }} 
       <div class="overlay-mask"> 
        <div class="btn-group"> 
         <a class="edit-action btn btn-default" href="#show-edit-form" 
          data-question-id="{{ question.id }}" aria-controls="show-rendered-form" 
          role="tab" data-toggle="tab">Editeaza</a> 
         <a class="delete-action btn btn-default" href="#show-rendered-form" 
          data-question-id="{{ question.id }}" aria-controls="" role="tab" 
          data-toggle="tab">Sterge</a> 
        </div> 
       </div> 
      </div> 
      <div role="tabpanel" class="show-edit-form tab-pane" id="show-edit-form"> 

      </div> 
     </div> 
    {% endfor %} 
{% endfor %} 

Answer 1

假設我上面的評估是正確的：爲什麼不這樣做呢？

而不是使用一個foreach循環中，我們使用傳統的for循環，並使用指數作爲標識符予，forms和surveyQuestions：

{% for i in 0..(forms|length - 1)%} 
     <div class="overlay-container tab-content"> 
      <div role="tabpanel" class="show-rendered-form tab-pane in fade active" id="show-rendered-form"> 
       {% form_theme form with ['bootstrap_3_horizontal_layout.html.twig'] %} 
       {{ form(forms[i]) }} 
       <div class="overlay-mask"> 
        <div class="btn-group"> 
         <a class="edit-action btn btn-default" href="#show-edit-form" 
          data-question-id="{{ surveyQuestions[i].id }}" aria-controls="show-rendered-form" 
          role="tab" data-toggle="tab">Editeaza</a> 
         <a class="delete-action btn btn-default" href="#show-rendered-form" 
          data-question-id="{{ surveyQuestions[i].id }}" aria-controls="" role="tab" 
          data-toggle="tab">Sterge</a> 
        </div> 
       </div> 
      </div> 
      <div role="tabpanel" class="show-edit-form tab-pane" id="show-edit-form"> 

      </div> 
     </div> 
{% endfor %}