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

Question

我的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类活跃,就像在bootstrap中一样,它不起作用,但我不知道如何放弃laravel,我是laravel的初学者,所以请避免减去选票并给我正确的解决方案..如何我应该更改我的代码以使li类动态激活吗？

Answer 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"' : '' }}>