title: Load controller after bootstrap angularjs
body: <p>I am using requirejs and angularjs to load the module inside my application.
  The problem I am facing is I dont know how to load the controller after angular has been bootstrapped. Here is my code :</p>
  
  <p>main.js :</p>
  
  <pre><code>require(['app', //all my scripts go here 
  function(){
   angular.bootstrap(document, ['myApp']);
  });
  </code></pre>
  
  <p>app.js : </p>
  
  <pre><code>define([], function(){
      var myApp = angular.module('myApp', ['ngRoute']);
      $routeProvider.
          when('/home', {
                  templateUrl : 'partials/home.html',
                  controller : 'UserRegisterCtrl'
              }).
              otherwise({
                  redirectTo : '/home'
              })
      return myApp;
  })
  </code></pre>
  
  <p>controller.js</p>
  
  <pre><code>define(['app'], function(app){
      app.controller('MyCtrl', function($scope){});
  })
  </code></pre>
  
  <p>myApp.html</p>
  
  <pre><code>body(ng-app)
       &lt;div ng-controller = 'MyCtrl'&gt;&lt;/div&gt;  &lt;-- I can not put MyCtrl here 
  because I think the MyCtrl has been declared before myApp has been bootstrapped
  </code></pre>
  
  <p>Therefore I really need to know if there is a way to load the MyCtrl controller after myApp has been bootstrapped. I am really new to Angularjs. Any help would be really appreciate.</p>