Установки текущей активной вкладки в загрузочном меню

Question

У меня есть следующие самозагрузки меню (таблетки), определенное в частичном:

<ul class="nav nav-pills"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Menu 1</a></li> 
    <li><a href="#">Menu 2</a></li> 
</ul> 

Вот некоторые примеры маршруты:

get 'institute/:institute_id/students' => 'students#index' , as: 'students_of_institute' 
    get 'students/:student_id'    => 'students#show' 

Я ссылочное это частичный в разных взглядах. Как динамически изменить текущую активную вкладку?

Answer 1

Вам нужно будет проверить текущий путь, и если он соответствует вашей ссылке, добавьте класс active в ваш li.

Простым способом было бы сравнить params[:controller] и params[:action].

Например:

# GET /posts 
params[:controller]  => "posts" 
params[:action]   => "index" 

Вот "грязный" пример. Это лучше, чтобы переместить его в какой-то помощник:

<ul class="nav nav-pills"> 

    <li class="<%= 'active' if params[:controller] == 'students' && params[:action] == 'index' %>"><%= link_to 'Students', students_path %></li> 

</ul> 

Answer 2

Альтернативой @ решение Uzbekjon является использование метода current_page? помощника. Первым аргументом является контроллер, второй (необязательный) - это действие.

Поскольку ваши ссылки на ссылки будут ссылками верхнего уровня, вам обычно не нужно указывать действие. Таким образом, у вас все еще будет активная таблетка для субстраниц в одном контроллере.

например:

<ul class="nav nav-pills"> 
    <li class="<%= 'active' if current_page? controller: :students %>"> 
    <%= link_to 'Students', students_path %> 
    </li> 
</ul> 

Я думаю, что это немного более элегантно.