title: how to make nested ui-router execute child controller every route change
body: <p>The following is my ui-router configuration. I hope that the child controller will be executed when I change the child state every time.
  But now, the child controller be executed only the first time I change the child state.</p>
  
  <p>Is someone could help me?</p>
  
  <pre><code> $stateProvider
      .state('tab', {
          url: '/tab',
          abstract: true,
          templateUrl: 'views/tabs.html'
      })
      .state('tab.order-foods',{
          url:'/order-foods',
          views:{
              'tab-order-foods':{
                  templateUrl:'../views/tab-order-foods.html',
                  controller:'orderFoodsCtrl'
              }
          }
      })
      .state('tab.cart',{
          url:'/cart',
          views:{
              'tab-cart':{
                  templateUrl:'../views/tab-cart.html',
                  controller:'cartCtrl'
              }
          }
      })
      .state('tab.orders',{
          url:'/orders',
          views:{
              'tab-orders':{
                  templateUrl:'views/tab-orders.html',
                  controller:'ordersCtrl'
              }
          }
      })
      .state('tab.mine',{
          url:'/mine',
          views:{
              'tab-mine':{
                  templateUrl:'views/tab-mine.html',
                  controller:'mineCtrl'
              }
          }
      });
  $urlRouterProvider.otherwise('/tab/order-foods');
  </code></pre>