title: AngularUI Router: pass url params to 'abstract' state while calling child state
body: <p>I want to access the url parameter($stateParam) inside a abstract state while calling a child state. I am curious to know how that can be done. Code in <a href="http://plnkr.co/edit/L0TXx3DCBOJmh4XydXbV?p=preview">plunker also</a></p>
  
  <pre><code>$stateProvider
      .state('contacts', {
          abstract: true,
  
          //my whole point is to get the id=1 here :(
  
          url: '/contacts/:id',
          templateUrl: function($stateParams){
              console.log("Did i get the child's parameter here? " + $stateParams.id)
              return 'contacts' + $stateParams.id + '.html'; //this will have a ui-view in it which will render its detail.
          }
      })
  
      .state('contacts.detail', {
          url: '/:id',
          // loaded into ui-view of parent's template
          templateUrl: 'contacts.detail.html',
          controller: function($scope, $stateParams){
            $scope.person = $scope.contacts[$stateParams.id];
          },
          onEnter: function(){
            console.log("enter contacts.detail");
          }
      })
  })
  </code></pre>
  
  <p>`</p>
  
  <p>and i call it as</p>
  
  <p><code>&lt;a ui-sref="contacts.detail({id: 1})"&gt;My first contact&lt;a&gt;</code></p>
  
  <p>Why am I doing this way? Because, my template from the server is different for different contacts, the layout is different.</p>