title: Passing multiple parameters in $stateParams
body: <p>In the ui-router tutorial <a href="https://plnkr.co/edit/jbZgIg?p=info" rel="nofollow noreferrer">https://plnkr.co/edit/jbZgIg?p=info</a>, they are passing a single parameter <strong>personId</strong> to the state.</p>
  
  <pre><code>ui-sref="people.person({ personId: person.id })"
  </code></pre>
  
  <p>and the state is:</p>
  
  <pre><code>{ 
    name: 'people.person', 
    url: '/{personId}', 
    component: 'person',
    resolve: {
      person: function(people, $stateParams) {
        return people.find(function(person) { 
          return person.id === $stateParams.personId;
        });
      }
    }
  }
  </code></pre>
  
  <p>I am working on an example in which I want to pass 2 parameters (1 visible using the url, and the second hidden which will be the id that the user can't see in the url). Something similar to:</p>
  
  <pre><code>ui-sref="people.person({ personId: person.id, personUri : person.uri })"
  </code></pre>
  
  <p>and I want the state to become something like this (but it didn't work!):</p>
  
  <pre><code>{ 
    name: 'people.person', 
    url: '/{personUri}',
    component: 'person',
    resolve: {
      person: function(people, $stateParams) {
        return people.find(function(person) { 
          return person.id === $stateParams.personId;
        });
      }
    }
  }
  </code></pre>
  
  <p>As the state shows, I want to use the <strong>personUri</strong> in the url, and I want the <strong>personId</strong> to be passed to the <strong>people</strong> service.</p>