I try to explain my problem in advance sorry for my bad english.

I have written code with angular and angular route
My navbar looks like this in html

```
<ul nav-menu>
    <li><a href="">Index</a></li>
    /*others*/
</ul>

```

And route params

```
    $routeProvider
        .when('/', {
            templateUrl: 'views/main.html',
            controller: 'mainCtrl' 
        })
        .when('/skills', {
            // others
        })

```

Everything works perfectly but my questin is:

**How can I set some css to my `li` element when route has been loaded or active?**