Используйте все элементы из массива внутри @foreach из @foreach

Question

Я изо всех сил пытаюсь изобразить мои элементы из массива внутри @foreach.И внутри этого есть еще один @foreach.Первый успешно отображает все элементы.Но второй @foreach зацикливается только на одном элементе.См. Коды ниже внутри контроллера ...

Public function home(){
     $images = [
          'img/1.jpg',
          'img/2.jpg',
          'img/3.jpg'
     ];
     $lists = [
          '垂钓鲫鱼技巧之饵料配方',
          '春季钓鲫鱼用饵配方的选择与使用',
          '早春钓鲫鱼该用什么类型的饵料?',
     ];

     return view('/', [
          'images' => $images,
          'lists' => $lists
     ]);
}

Затем внутри представления ...

<div class="image-list">
     @foreach ($images as $image)
          <div class="img-content medium d-block f-l">
               <div class="img-container">
                    <a href="#" class="d-inline-block">
                        <img src="{{ asset($image) }}" alt="">
                    </a>
                    @foreach ($lists as $list)
                        <span class="d-block">{{ $list }}</span>
                    @endforeach
               </div>
          </div>
     @endforeach
</div>

Список во втором @foreach просто повторяет один и тот же элемент.Пожалуйста, помогите и уважайте.Спасибо всем!

Answer 1

То есть элемент 1 изображений должен иметь элемент 1 списков и т. Д. Правильно?Не делайте списки в цикле, просто выводите тот, который вам нужен.

Это должно работать.Не проверено, хотя.

<div class="image-list">
     @foreach ($images as $indexKey=>$image)
          <div class="img-content medium d-block f-l">
               <div class="img-container">
                    <a href="#" class="d-inline-block">
                        <img src="{{ asset($image) }}" alt="">
                    </a>
                    <span class="d-block">{{ $list[$indexKey] }}</span>
               </div>
          </div>
     @endforeach
</div>