Rails+Bootstrapでactiveなnavbarを自動で設定

Railsでbootstrapのnavbarを使用する際に、自動的にactiveなliタグを設定する際は以下のように記述する。

<ul class="nav navbar-nav">
  <li class= "<%= 'active' if controller.controller_name == 'users' %>"><%= link_to "ユーザ", { controller: "users" } %></li>
  <li class= "<%= 'active' if controller.controller_name == 'books' %>"><%= link_to "本", { controller: "books" } %></li>
</ul>

Slimの場合は以下のように記述。

ul.nav.navbar-nav
  li class = ("active" if controller.controller_name == "users")
    = link_to "ユーザ", { controller: "users" }
  li class = ("active" if controller.controller_name == "books")
    = link_to "本", { controller: "books" }

参考

• Slimでセレクタを追加するときの書き方、及び Middleman の素晴らしさ。