title: "ui-sref" does not refresh the "ui-view"(its controller does not rerun) when a link is clicked twice
body: <p>When a state is clicked at first, the div that owns the "ui-view" attribute is replaced with the "template" of that state. However, when I click the same state again, its controller does not reloaded. How can I make this controller to load again?</p>
  
  <p>For example, suppose I have the following navigation menu:</p>
  
  <pre><code>&lt;nav&gt; 
      &lt;a ui-sref="state1"&gt;State 1&lt;/a&gt;
      &lt;a ui-sref="state2"&gt;State 2&lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>My "ui-view" content is as follows:</p>
  
  <pre><code>&lt;div ui-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My states are described as below. When I click the "State1" on the navigation menu, I expect to observe the text <code>"Ctrl 1 loaded"</code> on the <code>developer console</code>. If it's first time, then I observe that text. However, when I re-click the same link, the controller is not loaded again that is I couldn't see the text <code>"Ctrl 1 loaded"</code> displayed on the console twice.</p>
  
  <pre><code>myApp.config(function ($stateProvider, $urlRouterProvider){
      $stateProvider.state("state1", {
          url: "#",
          template: "&lt;p&gt;State 1&lt;/p&gt;",
          controller: "Ctrl1"
        }).state("state2", {
          url: "#",
          template: "&lt;p&gt;State 2&lt;/p&gt;",
          controller: "Ctrl2"
        });
  });
  </code></pre>
  
  <p>Why? Do you have any idea?</p>
  
  <p><a href="http://jsfiddle.net/yaprak/789Ks/1/" rel="noreferrer">Here is the JSFiddle</a> of this question.</p>