我想通过分页显示所有标签和标签的故事

Question

嗨，我正在寻找解决方案：

• 显示所有标签，每个标签都有故事
• 显示分页为4的标签的故事

类似：

爱

• 标题1
• 标题2
• 标题3
• 标题4

恐怖

• 标题1
• 标题2
• 标题3
• 标题4

。 。

标记模型：

public function stories(){
    return $this->belongsToMany('App\Models\Story');
}

控制器：

public function index() {
    $stories = Story::orderBy('id','desc')->get();
    $tags = Tag::all();
    return view('welcome',compact('stories','tags'));
}

查看

        @foreach($tags as $tag)   
            <div id="myCarousel{{$tag->id}}" class="carousel slide row justify-content-md-center" data-ride="carousel" data-interval="0">
                <div class="col-sm-11">
                    <h1 class="text-center p-2">{{$tag->name}}</h1>
                    <div class="carousel-inner center">
                        <div class="row">
                            @foreach($tag->stories()->paginate(4) as $story)
                                <div class="col-sm-6 col-md-4 col-lg-3 mt-4">
                                    <div class="card story">
                                        <img class="card-img-top" src="/imgs/story/{{$story->image}}">
                                        <div class="card-block">
                                            <figure class="profile">
                                                <img src="/imgs/user/{{$story->image($story->user_id)}}" class="profile-avatar" alt="">
                                            </figure>
                                            <h4 class="card-title mt-3"> {{$story->title}} </h4>
                                            <div class="meta">
                                                By : <a> {{$story->author}} </a>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <small>Last updated  </small>
                                            <a href="{{route('story.show',$story->id)}}" class="btn btn-secondary float-right btn-sm">show</a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>

                    <a class="carousel-control carousel-control-prev" href="#myCarousel{{$tag->id}}" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>

                    <a class="carousel-control carousel-control-next" href="#myCarousel{{$tag->id}}" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>

                </div>
            </div>
            <br>        
        @endforeach

我想要多个轮播物品

what i want