title: How to set default child view with Angular UI Router
body: <p>Let's say I have the following 3 Angular UI Router states:</p>
  
  <pre><code>$stateProvider
      .state('adminCompanies', {
          abstract: true,
          url: "/admin/companies",
          template: '&lt;div ui-view class="viewContainer" autoscroll="false" /&gt;'
      })
      .state('adminCompanies.list', {
          url: "",
          templateUrl: 'app/admin/companies/companies.list.html',
          controller: 'AdminCompaniesController'
      })
      .state('adminCompanies.detail', {
          url: "/:companyId",
          templateUrl: 'app/admin/companies/companies.detail.html',
          resolve: {
              company: function(Model, $stateParams) {
                  return Model.get("/admin/companies", $stateParams.companyId);
              }
          },
          controller: 'AdminCompanyDetailController'
      })
  </code></pre>
  
  <p>If the <code>adminCompanies</code> is transitioned to directly, how can I tell Angular UI Router to go to the <code>adminCompanies.list</code> state instead?</p>
  
  <p>Ideally, what I'd like to is something like:</p>
  
  <pre><code>$stateProvider.when('adminCompanies', 'adminCompanies.list');
  </code></pre>
  
  <p>In my code, I then want $state.go('adminCompanies') to be equivalent to $state.go('adminCompanies.list')</p>