当前位置: 首页 > 知识库问答 >
问题:

在Laravel边栏选项卡中循环时限制html元素

吴高远
2023-03-14

我有一个表,显示Laravel的@Foreach循环的数据。该循环被限制为3。但是我想在表内的图标被限制为2只。这是上菜时的界面:

刀片:

<table class="table">
    <thead>
        <tr>
            <th>Nama Peserta</th>
            <th>Diklat</th>
            <th>Kabupaten/Kota</th>
            <th>Nilai</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($data->take(3) as $obj)
        <tr>
            <td>
            <div class="d-flex align-items-center">
                {!! $medals !!}
                <div>
                    <span>{{$obj->user->name}}</span>
                </div>
            </div>
            </td>
            <td>{{$obj->diklat->name}}</td>
            <td>{{$obj->user->regency->name}}</td>
            <td>
                <div class="avatar bg-light-success mr-2">
                <div class="avatar-content">
                    <span>98</span>
                </div>
                </div>
            </td>
        </tr>
    @endforeach
    </tbody>
</table>

{!!奖章!!}是我想限制的元素。我通过控制器创建它。像这样:

<?php

namespace App\Http\Controllers\Admin;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Models\{Diklat, User, UserDiklat, Regency};
use Illuminate\Support\Facades\DB;

class DashboardController extends Controller
{
    public function index()
    {

        $data = UserDiklat::with('diklat', 'user')->where('is_approve', 1)->get();

        $medals = '<div class="avatar bg-light-warning mr-2">
                    <div class="avatar-content">
                        <i data-feather="award" class="font-medium-3"></i>
                    </div>
                </div>';

        return view('admin.index', compact('data', 'medals'));
    }
}

那么,如何限制表中的$carners图标仅显示2,而表中的数据最多显示3?我一直在寻找这个问题,但仍然没有找到它。我希望你们能帮助我,伙计们。先谢谢你。

共有1个答案

那利
2023-03-14

试试这个。我已经稍微更新了你的代码。

<table class="table">
    <thead>
        <tr>
            <th>Nama Peserta</th>
            <th>Diklat</th>
            <th>Kabupaten/Kota</th>
            <th>Nilai</th>
        </tr>
    </thead>
    <tbody>
    <?php $print_medal = 0; ?>
@foreach ($data->take(3) as $obj)
        <tr>
            <td>
            <div class="d-flex align-items-center">
                @if ($print_medal < 2) {!! $medals !!} @endif
                <div>
                    <span>{{$obj->user->name}}</span>
                </div>
            </div>
            </td>
            <td>{{$obj->diklat->name}}</td>
            <td>{{$obj->user->regency->name}}</td>
            <td>
                <div class="avatar bg-light-success mr-2">
                <div class="avatar-content">
                    <span>98</span>
                </div>
                </div>
            </td>
        </tr>
    <?php $print_medal++; ?>
@endforeach
    </tbody>
</table>
 类似资料:
  • 我刚刚部署了一个laravel项目在aws轻帆实例,但当我试图通过我的IPhttp://65.0.166.121/访问我的网站,主页继续加载在一个无尽的循环,但我可以访问其他链接,即http://65.0.166.121/login.

  • 我试图用以下方式简写Laravel blade文件中HTML标记内的if语句: 但是它得到了这个错误。我研究了类似的问题并尝试了解决方案,但仍然得到了同样的错误。有什么建议吗?提前感谢。 编辑:复选框组件

  • [上下文] Appium 1.6.5 XCode 8.3.3 iOS 10.3 Python 2.7 我正在用一个基本的iOS应用程序对Appium进行实验,这个应用程序是通过XCode模板创建的,它创建了一个选项卡应用程序。我的应用程序是根据这个模板创建的,它基本上有一个预先设置了2个标签的标签栏控制器。每个选项卡显示不同的视图。每个视图有两个标签,上面有一些文本。 [Goal] 我想编写一个A

  • 问题内容: 我使用的选择标记的格式允许多次选择,但我希望选择的最大数量为10。使用JavaScript或jquery是否可以? 提前致谢! 问题答案: 这是供您使用的一些完整代码…一定要喜欢Google AJAX API Playground :-) 编辑1: 注意:这只允许您选择5,因为我不想复制/粘贴另外10个选项:-) ​

  • 主要内容:ion-tabs,实例,ion-tab,$ionicTabsDelegateion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS,它会出现在屏幕的底部,Android会出现在屏幕的顶部(导航栏下面)。 用法 实例 <ion-tabs class="tabs-positive tabs-icon-only"> <ion-tab title="首页" icon-on="ion-ios-filing" icon-off

  • ion-tabs ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。 对于 iOS,它会出现在屏幕的底部,Android会出现在屏幕的顶部(导航栏下面)。 用法<ion-tabs class="tabs-positive tabs-icon-only"> <ion-tab title="首页" icon-on="ion-ios-filing" icon-off="io