Laravel 将第一个 Bootstrap 横幅设置为 Active

Question

我目前正在尝试遍历保存在数据库中的一堆横幅，我需要将第一个横幅设置为活动。我试过 if($banner->first) {{ 'active' }} endif，但这似乎对我不起作用，因为所有项目都设置为活动状态。我曾考虑将 id 设置为 1，但如果有人删除了具有该 id 的图像，那将会中断。到目前为止，这是我的代码...

控制器：

public function index()
{
    //
    $banners = Banner::all();
    $pages = Page::all();

    return View::make('page')->with('banners', $banners, 'pages', $pages);
}

查看：

<div id="mainCarousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
        @foreach($banners as $banner)
                <div class="item @if($banner->first()) {{ 'active' }} @endif">
                    <img style="width: 100%; height: 500px" src="{{ $banner->image }}" alt="{{ $banner->alt }}">
                </div>
        @endforeach
    </div>

    <a class="left carousel-control" href="#mainCarousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#mainCarousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

我也尝试过 $banners->first() 和 $banner->first() 并得到相同的结果。

对此的任何帮助将不胜感激。

Answer 1

m4tthumphrey 在 Laravel IRC 聊天中给了我正确的答案。所以如果其他人遇到这个问题，我会在这里给你正确的答案。

我认为这是不言自明的，但 Laravel 基本上会在您的数据库中找到第一个横幅的第一个 ID，并将该 ID 与该 ID 匹配。

@if($banner->id === $banner->first()->id) {{ 'active' }} @endif

我刚刚发现，如果您为不同的页面使用不同的横幅，这不是最佳解决方案，如果是这种情况，请尝试。

@foreach($banners as $index => $banner) <div class="item @if($index == 0) {{ 'active' }} @endif"> <img style="width: 100%;" src="{{ $banner->image }}" alt="{{ $banner->alt }}"> </div> @endforeach