title: ui-router: passing in a param that not in the url?
body: <p>I am having a problem passing in a param that's not a parameter in the url.</p>
  
  <p>I basically have the following on a click event</p>
  
  <pre><code>let stateParams = {
      id: event.info.id,
      info: event.info
  };
  
  this.$state.go('home.showinfo', stateParams);
  </code></pre>
  
  <p>I have double checked on the stateParams contains the id and also the info object.</p>
  
  <p>I then have the following setup on the state</p>
  
  <pre><code>.state('home.showinfo', {
      url: 'info/info/:id',
      resolve: {
          info: function($stateParams){
              return $stateParams.info;
          }
      },
      params: {
          info: null
      }
  </code></pre>
  
  <p>In my controller I am checking the value of $stateparams, and I see the id (also the URL contains the ID), but the info object is null. It's always null. I just want to be able to access it in the controller. Also "this.info" is also null.</p>
  
  <p>I put a breakpoint in the resole and info is null.</p>
  
  <p>I have tried removing the <code>params:{}</code> above and still nothing.</p>
  
  <p>Any ideas what I am doing wrong?</p>