title: angularjs ui-router parent state with parameter loads after child state
body: <p>I have a parent and a child state.
  The parent state is used to View/Edit customers, the child state is to create.
  Without a parameter on the parent state, they both load fine:</p>
  
  <pre><code>.state('crm.customer', {
      url: 'crm/customers/',
      templateUrl: 'src/modules/crm/views/customer.html',
      controller: 'customersController'
  })
  .state('crm.customer.create', {
      url: 'crm/customers/create',
      templateUrl: 'src/modules/crm/views/customer.html',
      controller: 'customersController'
  })
  </code></pre>
  
  <p>When I add the <code>customerId</code> parameter to the parent state, and I load the child state, first the child state loads, and then immediately it switches to the parent state:</p>
  
  <pre><code>.state('crm.customer', {
      url: 'crm/customers/:customerId',
      templateUrl: 'src/modules/crm/views/customer.html',
      controller: 'customersController'
  })
  .state('crm.customer.create', {
      url: 'crm/customers/create',
      templateUrl: 'src/modules/crm/views/customer.html',
      controller: 'customersController'
  })
  </code></pre>
  
  <p>How can I prevent the parent state from loading after the child state loads?</p>