title: $stateParams is not passing params in $scope.$on method
body: <p>I'm trying to fit routing in existing application. It requires too much changes to fit router in perfect manner so I'm trying to manage it using <code>$broadcast</code> and <code>onEnter</code> of ui-router.</p>
  
  <p>I'm changing <code>URL</code> using <code>$state.go</code> and passing parameters. I'm able to get correct <code>$stateParams</code> inside <code>onEnter</code> method but when I broadcast event from there, it's executing that event which is registered inside a controller but inside that I'm not getting updated <code>$stateParams</code> object.</p>
  
  <pre><code>$stateProvider.state("state1", {
      url: "/state1/{docId}",
      template: "&lt;p&gt;State 1&lt;/p&gt;",
  
    }).state("state2", {
      url: "/state2/{docId}",
      template: "&lt;p &gt;State 2&lt;/p&gt;",
      onEnter : function($rootScope,$stateParams) {
          console.log("Before braodcast ", JSON.stringify($stateParams));
          $rootScope.$broadcast("getDataForState2");
      }
    });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/a6gqfz96/5/" rel="nofollow">JSFiddle</a> Showing my problem. Click on state 2 and have a look at console.</p>