一般的なデータをタブの内容に表示する

Question

これは簡単ですが、すべての項目タブの下にデータを表示することはできません。私はどこのループのタブの内容の正しい構造を取得する場所に問題があります。どうすればいいですか？あなたは、タブulリストを構築するために、その後、再び各タブの内容を表示するには、1回、2回、あなたのアイテムをループする必要があるだろう

HTML

 <div class="row"> 
      <div class="col-md-7">   
       <div class="nav-tabs-custom"> 
       <ul class="nav nav-tabs"> 
        @foreach($items as $item) 

       <li><a href="#tab_1" data-toggle="tab" >{!!$item->name!!}</a></li> 

       </ul> 
       //data for a item tab is displayed here -- content 
       <div class="tab-content"> 
       <div class="tab-pane active" id="tab_1"> 

       @foreach($item->stuff as $data) 

       <label class="mylabel" > {{$data->name}} </label> 
       @endforeach 

       @endforeach 

       </div> 

       </div> 

       </div> 

      </div> 

Answer 1

。

のような何か：

<div class="row"> 
    <div class="col-md-7">     
     <div class="nav-tabs-custom"> 
      // Links for the tabs 
      <ul class="nav nav-tabs"> 
       @foreach($items as $key => $item) 
        <li><a href="#tab_{{ $key }}" data-toggle="tab" >{!! $item->name !!}</a></li> 
       @endforeach 
      </ul> 

      // Data for the tabs 
      <div class="tab-content"> 
       @foreach($items as $key => $item) 
        <div class="tab-pane{{ $key == 1 ? ' active' : '' }}" id="tab_{{ $key }}"> 
         @foreach($item->stuff as $data) 
          <label class="mylabel">{{ $data->name }}</label> 
         @endforeach 
        </div>  
       @endforeach 
      </div> 
     </div> 
    </div> 
</div>