title: AngularJS ui-router abstract state
body: <p>I recently migrated from ngRoute to ui-router. I have a page that has 2 sections.</p>
  
  <p>Right section displays current item details, 
  Left section shows similar items to current item.</p>
  
  <p>Once user clicks a similar item from left list, right section will reload with clicked item id and left section will stay same. </p>
  
  <p>To keep left section still on user item navigations, i defined left section as an abstract state and right section as it's child state. (you cant view similar items if you arent looking to an item).</p>
  
  <p>Left section (listview) is parent and contains a ui-view in HTML to embed item details.</p>
  
  <p>To load similar items on page open, i need to know which item is being loaded by my child state. But i cant define same url for both abstract state and it's child state.
  i tried to resolve $stateParams in abstract state with no chance.</p>
  
  <p>my state configuration is below</p>
  
  <pre><code>app.config(['$stateProvider', function ($stateProvider) {
      $stateProvider
          .state('item', {
              //url: '/items/:itemName/:itemID'
              url: '/items',
              abstract: true,
              templateUrl: 'Scripts/app/item/ItemListTemplate.html',
              controller: 'ItemListController as itemList'
          }).state('item.itemDetails', {
              url: '/:itemName/:itemID',
              templateUrl: 'Scripts/app/item/ItemDetailTemplate.html',
              controller: 'ItemDetailController as itemDetail'
          });
  </code></pre>
  
  <p>how can i access itemID from my abstract state (from ItemListController)?</p>