title: onEnter and onExit are not called when state is left/activated in angularjs ui router
body: <p>This is my plunker <a href="http://plnkr.co/edit/GMfMcXgHguYjFYoxWEaM" rel="nofollow">http://plnkr.co/edit/GMfMcXgHguYjFYoxWEaM</a></p>
  
  <pre><code>1.) click the above live demo link
  2.) click the "create" button which should activate the projects.create state
  3.) an alert() should pop up now but it does not.
  </code></pre>
  
  <p>Why are those onExit and onEnter callbacks in the projects state definition not called?</p>
  
  <p>The projects state onExit should be triggered when this state is left and we activate the projects.create state.</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>   .config(function($stateProvider, $urlRouterProvider) {
  
      $urlRouterProvider.otherwise('/projects');
  
          $stateProvider
        .state('projects', {
          url: '/projects',
          views: {
            'menu@""': {
              template: 'Start your projects!'
            },
            'content@': {
              templateUrl: "projects.html",
              controller: 'ProjectsController',
              onEnter: function(){
                alert('hello onEnter');
              },
              onExit: function(){
                alert('hello onExit');
              }
            }
          }
        })
        .state('projects.create', {
          url: '/create',
          views: {
            'outer@': {
              templateUrl: 'projects.create.html',
              controller: 'ProjectWizardController'
            }
          }
        })
        .state('projects.selected', {
          url: '/:projectId'
        })
  
    });
  </code></pre>