页面laravel上的交替属性

Question

迁移

Schema::create('blogs', function (Blueprint $table) {
            $table->id();
            $table->string('title');
        });

控制器

public function index()
    {
        $blog= Blog::all();

        return view('blog', compact('blogs'));
    }

我们的博客页面上有这样的代码

@extends('layouts.app')

@section('content')
<div class="container">
@foreach($blogs as $blog)
    <div class="blog-list">
        <div class="blog blog--left">
            <h2 class="blog_title">{{ $blog->title }}</h2>
        </div>

        <div class="blog blog--right">
            <h2 class="blog_title">{{ $blog->title }}</h2>
        </div>
    </div>
@endforeach
</div>
@endsection

在输出时，我们得到：

博客1(博客--左)

博客1(博客--右)

博客2(博客-左)

博客2(博客--右)

博客3(博客-左)

博客3(博客--右)

博客4(博客-左)

博客4(博客-右)

如何进行替换，以便在出口处得到：

博客1(博客--左)

博客2(博客--右)

博客3(博客-左)

博客4(博客-右)

Answer 1

只要有索引引用，就可以使用模数运算符。

@foreach ($blogs as $index => $blog)
    <div class="blog-list">
        @if ($index % 2 === 1) 
            <div class="blog blog--left" >
                <h2 class="blog_title">{{ $blog->title }}</h2>
            </div>
        @else

            <div class="blog blog--right">
                <h2 class="blog_title">{{ $blog->title }}</h2>
            </div>
        @endif
    </div>
@endforeach

这里的模运算符:当结果是@if ($index % 2 === 1)时，它总是true，如果它不是奇数，那么它就是even，它将被打印在blog--right列中。