Mi código HTML es
<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>
Aquí le di a li class active como en bootstrap y no funciona, pero no sé cómo hacerlo en laravel y soy muy principiante en laravel, así que eviten los votos negativos y denme la solución correcta para ello... Cómo ¿Debo cambiar mi código para activar dinámicamente la clase li?
Puede utilizar el operador ternario. Por ejemplo, puede verificar el URI de la ruta actual:
<li{{ request()->is('scam-types') ? ' class="active"' : '' }}>
También puede usar *
como comodín:
<li{{ request()->is('scam-type-number-*') ? ' class="active"' : '' }}>
O puede verificar el nombre de la ruta:
<li{{ request()->route()->getName() === 'ScamType.index' ? ' class="active"' : '' }}>
Intente debajo del código para escribir cada etiqueta li para verificar algún texto en la URL
if (strpos($_SERVER['REQUEST_URI'], "ScamType") !== false){ echo "active"; }
Escriba el código anterior en clase.
Ex.
<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>
De la respuesta anterior, lo intenté y no funcionó porque class="active"
debe ser class=active
<li><a class="{{ request()->routeIs('about.index*') ? 'active-menu' : '' }}" href="{{route('about.index')}}"><i class="fa fa-desktop"></i> About</a></li>