title: AngularJS router - doesn't work the second time
body: <p><a href="http://plnkr.co/edit/vblWfhgKsBGUD8DdV0yh?p=preview" rel="nofollow">In this plunk</a> I have a ui-router <code>$state.goto</code> that only works the first time, even though I'm incrementing a <code>seq</code> variable to force the reload. See that the time stamp doesn't change. What's wrong with this code?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body ng-controller="MyCtrl"&gt;
      &lt;button ng-click="goto()"&gt;Go to state&lt;/button&gt;
      &lt;div ui-view=""&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>State HTML</p>
  
  <pre><code>  &lt;div&gt;
      {{time1}}
    &lt;/div&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>var app = angular.module("app", ['ui.router']);
  
  app.controller('MyCtrl', function($scope,$state) {
  
  var seq = 0;
  
  $scope.goto = function(){
  
      alert('about to go to state - ' + seq) ;
  
          var params = { 
                  seq: seq++ 
                 };
  
          $state.go ( 'state1', params );
  
    };
  });
  
  app.controller('state1Ctrl', function($scope) {
  
        $scope.time1 = new Date();
  
  });
  
  
  app.config(function($stateProvider) {
  
    $stateProvider
      .state('state1', {
           templateUrl: 'state1.html',
           controller: 'state1Ctrl'
      });
  
  });
  </code></pre>