如何让 li 类在 laravel 中动态激活？答案

【问题标题】：How to make li class active dynamically in laravel?如何让 li 类在 laravel 中动态激活？
【发布时间】：2021-10-10 17:58:28
【问题描述】：

我的 HTML 代码是

   <div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i>Dashboard</a>
        <ul>
          <li class="active"><a href="{{route('ScamType.index')}}"><i class="icon icon-home"></i> <span>Scam Type</span></a> </li>
          <li> <a href="{{route('ScamDatabase.index')}}"><i class="icon icon-signal"></i> <span>Scam Database</span></a> </li>
          <li> <a href="{{route('ScamStory.index')}}"><i class="icon icon-inbox"></i> <span>Scam Story</span></a> </li>
          <li><a href="{{route('KeyWord.index')}}"><i class="icon icon-th"></i> <span>Keyword</span></a></li>
          <li><a href="{{route('Category.index')}}"><i class="icon icon-th"></i> <span>Category</span></a></li>
          <li><a href="{{route('SubCategory.index')}}"><i class="icon icon-th"></i> <span>Sub Category</span></a></li>
</ul>
</div>

在这里，我像在引导程序中一样活跃了 li 类，但它不起作用，但我不知道如何在 laravel 中给予，我是 laravel 的初学者，所以请避免减票并给我正确的解决方案.. 我应该如何更改我的代码以动态激活 li 类？

【问题讨论】：

标签： php laravel laravel-5

【解决方案1】：

您可以使用三元运算符。例如，您可以检查当前路由的 URI：

<li{{ request()->is('scam-types') ? ' class="active"' : '' }}>

您也可以使用* 作为通配符：

<li{{ request()->is('scam-type-number-*') ? ' class="active"' : '' }}>

或者您可以查看路线名称：

<li{{ request()->route()->getName() === 'ScamType.index' ? ' class="active"' : '' }}>

【讨论】：

谢谢@Alexey，它不起作用.. 我还能做什么？？
@ManiRaj 两种方式都绝对可行，我在我的项目中使用这些方式。请解释你到底在做什么，你得到了什么错误等等。

【解决方案2】：

尝试使用下面的代码编写每个 li 标签以检查 URL 中的某些文本

if (strpos($_SERVER['REQUEST_URI'], "ScamType") !== false){
   echo "active";
}

在课堂上写上面的代码。

例如。

<li class="{{ if (strpos($_SERVER['REQUEST_URI'], "ScamType") !== false){  echo "active"; } }}"><a href="{{route('ScamType.index')}}"><i class="icon icon-home"></i> <span>Scam Type</span></a> </li>

【讨论】：

感谢您的回复，但它仍然无法正常工作，我不知道我的代码有什么问题..

【解决方案3】：

从上面的答案我试过了，因为class="active"必须是class=active

<li><a class="{{ request()->routeIs('about.index*') ? 'active-menu' : '' }}" href="{{route('about.index')}}"><i class="fa fa-desktop"></i> About</a></li>

【讨论】：

【解决方案4】：

routeIs('Route_Name*') ? '活动菜单' : '' }}">

在 Route Name 中只写 Route 中定义的 Route 名称

【讨论】：