title: Angularjs How to update partial template
body: <p>I would like to know how to make controller function work whenever I change the state.
  This is the main template of my Angular app:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div ng-include="'/navigation.html'"&gt;&lt;/div&gt;
      &lt;div&gt;
          &lt;!-- Page wrapper --&gt;
          &lt;div ng-include="'/topnavbar.html'"&gt;&lt;/div&gt;
          &lt;!-- Main view  --&gt;
          &lt;div ui-view&gt;&lt;/div&gt;
          &lt;!-- Footer --&gt;
          &lt;div ng-include="'/footer.html'"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In navigation panel I have ng-repeat:</p>
  
  <pre><code>&lt;ul ng-controller="NavigationCtrl" class="nav nav-second-level"&gt;
      &lt;li ng-repeat="user in users" ui-sref-active="active"&gt;
         &lt;a ui-sref="account"&gt;{{user.name}}&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>So, whenever I change the state, I would like to update this scope var <strong>users</strong>.
  I think this is well known problem, but I am new in Angular so help me please.</p>