Il y a une barre de menu sur ma page :
<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>
En tant que barre de navigation de ma page, le reste des parties est mis à jour à l'aide de ng-view. Le problème que je rencontre maintenant est qu'après avoir accédé à d'autres pages, la barre de menus ne s'actualise pas, il semble donc que de nombreuses balises soient. sélectionné :
Merci~
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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
http://stackoverflow.com/a/18562339
Il est recommandé d'utiliser un meilleur plug-in de
angularui-routerPour 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