I'm developing an application using angular JS . I have a menu and when I click on one of the options it becomes active (changes color ) and I include a different html page. for example :

```
<ul class="nav navbar-nav side-nav">

                    <li > 
                      <a href="#" ng-click="subPage.url='home.html'" ><i class="glyphicon glyphicon-folder-close"></i> Home </a>
                    </li>  
                    <li > 
                      <a href="#" ng-click="subPage.url='profil.html'" ><i class="glyphicon glyphicon-folder-open"></i> Profil</a>
                    </li>
</ul>

```

........

```
<div id="page-wrapper">
  <div class="container-fluid">  
          <!-- Page Heading -->    
        <div ng-include="subPage.url"></div>

 </div>
</div>

```

that works fine . but when I refresh the page I always get the welcome page with no page included . I tried to initialize the subPage.url : 

```
<div  ng-init="subPage.url = 'home.html'">

```

but this way when I refresh I always get the home.html included . 
How to do so that when I refresh I keep having the same page included and refresh it ???