html - angular 跳转页面时，非ng-view部分的内容如何刷新

Question

我的页面上有一个Menu Bar:

<ul class="nav nav-tabs nav-stacked main-menu">
    <li><a href="/templates/home.html#/"><i class="icon-bar-chart"></i><span class="hidden-tablet">  高校概览</span></a></li>
    <li><a href="/templates/home.html#/Comments"><i class="icon-envelope"></i><span class="hidden-tablet">  高校评论</span></a></li>
    <li><a href="/templates/home.html#/Views"><i class="icon-tasks"></i><span class="hidden-tablet">  校内景点</span></a></li>
</ul>
                

作为我的页面导航栏，其余的部分使用ng-view来更新，现在遇到的问题是，我跳转到其他页面后，Menu Bar并不会刷新，所以看上去就选择了很多标签:

谢谢~

Answer 1

Notre approche consiste à écouter routeChangeSuccess puis à mettre à jour la valeur d'un certain chemin de variable

Ensuite, jugez ng-class="{active:path='xx'}" dans le menu

Answer 2

http://stackoverflow.com/a/18562339

Answer 3

Il est recommandé d'utiliser un meilleur plug-in de angularui-router
Pour votre situation, il vous suffit d'ajouter un ui-sref-active="yourCSSStyle", c'est simple et pratique.
Vous pouvez vous référer à : ui-router et ui-sref-active