問題描述

我的頁面上有一個Menu Bar:

<ul class='nav nav-tabs nav-stacked main-menu'> <li><a href='http://www.cgvv.com.cn/templates/home.html#/'><i class='icon-bar-chart'></i><span class='hidden-tablet'> 高校概覽</span></a></li> <li><a href='http://www.cgvv.com.cn/templates/home.html#/Comments'><i class='icon-envelope'></i><span class='hidden-tablet'> 高校評論</span></a></li> <li><a href='http://www.cgvv.com.cn/templates/home.html#/Views'><i class='icon-tasks'></i><span class='hidden-tablet'> 校內景點</span></a></li></ul>

作為我的頁面導航欄，其余的部分使用ng-view來更新，現在遇到的問題是，我跳轉到其他頁面后，Menu Bar并不會刷新，所以看上去就選擇了很多標簽:

謝謝~

問題解答

我們的做法是監聽 routeChangeSuccess 然后 更新 某個變量path的值

然后在menu那里就判斷 ng-class='{active:path=’xx’}'

http://stackoverflow.com/a/18562339

推薦使用angular的一個比較好的插件ui-router對于你這種情況，只需要添加一個ui-sref-active='yourCSSStyle'就可以了，簡單方便。可以參考：ui-router 以及 ui-sref-active