Как сделать навигационную панель активной, когда она нажата в laravel 5.6?

Question

Это мой код навигационной панели

<div id="sidebar"><a href="" class="visible-phone"><i class="icon icon-dashboard"></i> Dashboard</a>


<ul>
<li class="active"><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
<li class="submenu"> <a href=""><i class="icon icon-th-large"></i> <span>Menu</span> </a>
  <ul>
    <li><a href="{{ url('/admin/add-menu') }}">Add Menu</a></li>
    <li><a href="{{ url('/admin/view-menu') }}">View All Menu</a></li>
  </ul>
</li>

Как сделать меню активным при нажатии на него? В моем проекте приборная панель всегда активна ..

Answer 1

Так что вы можете использовать:

Request::is()

Попробуйте это

<ul>
<li{{ (Request::is('admin/dashboard') || Request::is('/admin/dashboard')) ? ' class="active"' : '' }}><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
<li class="submenu"> <a href="#"><i class="icon icon-th-large"></i> <span>Menu</span> </a>
  <ul>
    <li{{ (Request::is('admin/add-menu') || Request::is('/admin/add-menu')) ? ' class="active"' : '' }}><a href="{{ url('/admin/add-menu') }}">Add Menu</a></li>
    <li{{ (Request::is('admin/view-menu') || Request::is('/admin/view-menu')) ? ' class="active"' : '' }}><a href="{{ url('/admin/view-menu') }}">View All Menu</a></li>
  </ul>
</li>

Answer 2

<ul>
    <li {{ Request::url() === 'admin/dashboard' ? ' class="active"' : '' }}><a href="{{ url('admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
    <li class="submenu"> <a href=""><i class="icon icon-th-large"></i> <span>Menu</span> </a>
        <ul>
            <li {{ Request::url() === 'admin/add-menu' ? ' class="active"' : '' }}><a href="{{ url('/admin/add-menu') }}">Add Menu</a></li>
            <li {{ Request::url() === 'admin/view-menu' ? ' class="active"' : '' }}><a href="{{ url('/admin/add-menu') }}"><a href="{{ url('/admin/view-menu') }}">View All Menu</a></li>
        </ul>
   </li>
</ul>

если это не работает, возможно, у вас есть именованные маршруты.вам нужно заменить, например, «admin / dashboard» на ваше имя маршрута

Надеюсь, это вам поможет.

Answer 3

Вы можете сделать панель навигации активной, проверив текущий URL.

Предположим, что ваш URL-адрес "/ admin / dashboard", затем вы можете добавить эту проверку:

@if (\Request::is('admin/dashboard'))  
   <li class="active"><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
@else
   <li class=""><a href="{{ url('/admin/dashboard') }}"><i class="icon-dashboard"></i> <span>Dashboard</span></a> </li>
@endif

ВВ другом условии вам нужно удалить активный класс, а в случае условия вам нужно добавить активный класс.