title: child state controller not being reached in angular-ui-router
body: <p>I have the following setup in my code </p>
  
  <pre><code>.config(function config($stateProvider)
      $stateProvider
        .state('home', {
          url : '/home',
            views : {
              'main' : {
                controller : 'HomeCtrl',
                templateUrl : 'home/home.tpl.html'
              }
            }
          })
        .state('home.details', {
          url : '/details',
          views : {
            " " : {
              template : "&lt;h1&gt;hello&lt;/h1&gt;",
              controller : function ($scope, $http, $state) {
                //do some stuff here
                //does not seem to reach code in here
              }
           }
          }
    });
  })
  .controller('HomeCtrl', function ($scope, $http, $state) {
      //on a button click do $state.go('.details');
  });
  </code></pre>
  
  <p>When I do this , the button click on my <code>HomeCtrl</code> seems to take me to /home/details but it does not seems to go inside the controller in that particular route at that point. (I checked by putting a break point inside the controller for the details.) Is there something wrong with my setup? I'm trying to do something similar to this <a href="http://angular-ui.github.io/ui-router/sample/#/contacts">sample app</a> shown in the <code>ui-router</code> webpage.</p>