title: How to have a ui-view that it does not refresh automatically ?
body: <p>To start my application is using 2 ui-view, one for displaying the friendlist, and the other one for the specific view like this :</p>
  
  <pre><code>&lt;div class="container-fluid h100"&gt;
    &lt;div ui-view class="h100"&gt;
  
    &lt;/div&gt;
    &lt;div ui-view="connected"&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The ui-view connected is displayed when the user is connected to the app.</p>
  
  <p>My problem is when i changed the url, it reloads all the views, including the friendlist. I want to change this way. Any tips ? Maybe i need to recreate the structure of the code. </p>
  
  <p>the state part :</p>
  
  <pre><code>.state('homepage', {
    url: '/homepage',
    views: {
      "connected" : {
        templateUrl : './src/friendlist.html',
        controller : 'NavRightController'
      },
      "" : {
        templateUrl : './src/homepage.html',
        controller: 'HomePageController',
      }
    }
  })
  .state('settings', {
    templateUrl: './src/settings.html',
    controller: 'SettingsController',
    url: '/settings',
    views: {
      "connected" : {
        templateUrl : './src/friendlist.html',
        controller : 'NavRightController'
      },
      "" : {
        templateUrl : './src/homepage.html',
        controller: 'HomePageController',
      }
    }
  })
  </code></pre>