Loading component during route resolve phase

app.js

$routeProvider
  .when('/about-us', {
    title: 'About Us',
    templateUrl: 'views/about_us_view.html',
    controller: 'AboutUs_controller',
		resolve: {
      resolvedData: function($q, $timeout){
        // create a promise that only gets resolved when all components are loaded
        var defer = $q.defer();
        // Load and execute scripts. You can use any script loader you prefer. In this example I use $LAB
        $LAB.script('scripts/controllers/aboutus_controller.js').wait(function(){
          // at this point, aboutus_controller.js was loaded and executed, resolve the promise
          $timeout(defer.resolve);
        });
        // return promise
        return defer.promise;
      }
    }
  })