title: How can i update $stateParams without reloading the ui-view? angular ui router
body: <p>Get the context, angular, ui-router, nothing special, a root view built with 3 named ui-views.
  so in <code>index.html</code> we have </p>
  
  <pre><code>&lt;body&gt;
    &lt;div ui-view='left'&gt;
    &lt;div ui-view='center'&gt;
    &lt;div ui-view='right'&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>my route looks like</p>
  
  <pre><code>$stateProvider
   .state('main', {
    url: '/',
    views: {
     'left': {templateUrl: 'foo.html'},
     'center': {templateUrl: 'bar.html'},
     'right': {templateUrl: 'xyz.html'}
    }
   })
   .state('main.b', {
    url: '/b',
    params: { foo: {value: 'bar'} }
    views: { 'right@': {templateUrl: '123.html'} } // I wish to update $stateParams in 'left@' view
   })
   .state('main.c', {
    url: '/c',
    params: ...
    views: { 'left@': ..., 'center@': ..., 'right@': .. }
   });
  </code></pre>
  
  <p>Is there a way in going to b state to update the $stateParams in the 'center' and 'left' view?? I can get it using a service but i need to add a <code>$watch</code>  to the variable I need and it looks a little bit hacky to me.</p>
  
  <p>Going into c state I can actually get what I want, but the view is reloaded, and i wish to avoid this behaviour cause i have a canvas in the 'left' view.</p>