title: ui-sref not not triggering state transition in url with parameterized id
body: <p>In my <em>app.js</em> file, I have two states for the <em>menu</em>. The parent state is essentially a list, while the child state is a detailed view with an ID parameter in the URL string.</p>
  
  <pre><code>.state('menu', {
      url: '/menu',
      views: {
         'menu': {
            templateUrl: 'views/menu.list.html',
            controller: 'MenuCtrl',
         }
      }
  })
  .state('menu.details', {
     url: '/details/:menuItemId',
     templateUrl: 'views/menu.details.html',
     controller: 'MenuDetailCtrl',
     resolve: {
        menuItemId: ['$stateParams', function($stateParams) {
           return $stateParams.menuItemId;
        }]
     }
  });
  </code></pre>
  
  <p>In my markup, this is the HTML I have to trigger the state change:</p>
  
  <pre><code>&lt;button class="button button-positive" ui-sref="menu.details({menuItemId: item.objectId})"&gt;
     Details, yo.
  &lt;/button&gt;
  </code></pre>
  
  <p>The issue I am having is that when I click the button, the URL changes as expected:</p>
  
  <p><strong>/#/menu/details/E0mW91ZuOp</strong></p>
  
  <p>But the page does not transition to the <em>menu.details.html</em> template. Can anyone offer an explanation as to why this is happening?</p>
  
  <p><strong>EDIT: Here is the full contents of the parent template HTML</strong></p>
  
  <pre><code>&lt;ion-view title="Menu"&gt;
      &lt;ion-content class="padding"&gt;
          &lt;h2&gt;{{pizze.name}}&lt;/h2&gt;
          &lt;ion-list ng-repeat="item in pizze.items"&gt;
              &lt;ion-item&gt;
                  &lt;span class="input-label"&gt;{{item.name}}&lt;/span&gt;
                  &lt;button class="button button-positive" ui-sref="tabs.menu.details"&gt;
                      Details, yo.
                  &lt;/button&gt;
              &lt;/ion-item&gt;
          &lt;/ion-list&gt;    
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p><strong>Here is the child template HTML</strong></p>
  
  <pre><code>&lt;ion-view title="Menu Details"&gt;
      &lt;ion-content class="has-header padding"&gt;
          &lt;h1&gt;Such details. Wow.&lt;/h1&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>