title: $state.go not working the way I expect in angular.js ui-router
body: <p>I have a master/detail form with ui-router subviews.</p>
  
  <p><strong>Technique 1</strong> (Working)</p>
  
  <p>I use <strong>ui-sref</strong> to activate the edit panel when a user clicks on an edit button, this works fine.</p>
  
  <p>When I click on the edit button for the first time or for subsequent times my panel is activated and all is good.</p>
  
  <pre><code>&lt;a ui-sref=".edit({id: row.entity[\'id\']})"  class="btn btn-default btn-xs"&gt;Edit&lt;/a&gt; 
  </code></pre>
  
  <p><strong>Technique 2 (Fails)</strong></p>
  
  <p>I decided to try doing the same in the controller using essentially the same format for the state transition.</p>
  
  <p>This only works the first time the user clicks panel, i.e. before a panel has ever been activated. Subsequent clicks fail with this error.</p>
  
  <pre><code>// Only Works for the 1st Click
  $state.go('.edit', { id: id });
  </code></pre>
  
  <p><strong>Technique 3</strong> (Works)</p>
  
  <p>I was able to get it working by going this way, now it works for 1st click and subsequent clicks.</p>
  
  <pre><code>// All ways works
  $state.go('skill.edit', { id: id });
  </code></pre>
  
  <p><strong>Why does Technique 2 Fails?</strong></p>
  
  <p>I've obviously switched into some sort of lower level state with technique 2, but I'm not sure how I can use that technique correctly?</p>
  
  <p>Below are the screen shots from Technique 2 from before 1st click, to after 1st click to after 2nd click.</p>
  
  <p><img src="https://i.stack.imgur.com/SgfaG.png" alt="Screenshots of the Issue"></p>
  
  <p><img src="https://i.stack.imgur.com/ZJDq1.png" alt="Error I am seeing"></p>