twigネストされたループでより多くの要素が得られる

Question

私はtwigでネストされたループを持ち、1,1,1,1,2,2,2,2,3,3,3,3の形で要素を2倍にします。要素を複製せずに第1のループを使用して第2のループからデータにアクセスするにはどうすればよいですか？

{% 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ループを使用しての、私たちはループのための古典を使用すると、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 %}