angularJS：如何保持菜单选项Active

Question

我是角度JS的初学者。我有一个菜单，当我点击一个选项时，我包含一个html页面。我使用了$routeProvider和ng-view，因此当我刷新页面时，我会停留在同一页面并刷新它。我在模板页面中使用ng-init来调用函数ng-init="getAllGroups()"，因此如果我单击该选项或刷新它，则会调用此函数。

我的问题是，当我单击选项时，我得到了我想要的内容，但是如果在页面刷新后最后点击的选项恢复到活动状态，我怎样才能实现：

<ul class="nav navbar-nav side-nav">
<li><a href="#/users"  >Utilisateurs</a></li>
<li><a  href="#/groups" >Groupes</a></li>
</ul>

...

<div>
  <ng-view></ng-view>
</div>

.......

app.config(['$routeProvider',
              function($routeProvider) {
                  $routeProvider.
                      when('/', {
                          templateUrl: 'home.html',
                          controller:"MyController"
                       }).
                       when('/users', {
                          templateUrl: "users.html",
                          controller : "MyController"
                       }).
                       when('/groups', {
                          templateUrl: 'groups.html',
                          controller : "MyController"
                       }).     
                       otherwise({
                          redirectTo: '/'
                       });