AngularJSでアクティブページのナビのCSSを有効にする方法

下記ののCSSを当てたいとする

test.css

.nav-active {
   background-color: #fff;
}

jQueryでやろうとする

アクティブページのナビのCSSを有効にしたかった(よくあるやつ)けど、
以下のコードじゃ無理だった。
というかui-srefの仕様的にあまりよろしくない実装方法。

base.coffee

$ ->
  url = window.location.pathname
  $('.side-nav li a[ui-sref="'+url+'"]').addClass('nav-active')

解決

ui-sref-activeを利用する

header.jade

  li
    a(ui-sref="index" ui-sref-active="nav-active")

これでよしなにやってくれる。すごい(小並感)
ui-srefはステートとパラメータを渡しておくと、後々のURL構造の変更とかhtml5Modeへの対応などを
自動で処理してくれる。いやー便利だ。