Anjularjs动态添加/注册Controller

Question

在我的角度应用程序中，我有两页。第一页有静态控制器。想要动态添加第二页控制器文件。

我尝试使用此功能加载JS文件

function loadJS() {        
        var jsElm = document.createElement("script"); 
        jsElm.type = "application/javascript";    
        jsElm.src = "TwoCtrl.js"; 
        document.body.appendChild(jsElm); 
}

它将控制器js文件添加到正文。但是在重定向到第二页时我得到了未定义的异常。 Argument 'TwoCtrl' is not a function, got undefined

TwoCtrl.js

app.controller('TwoCtrl', function (){

});

我的配置如下。请帮忙。提前谢谢！

app.config(function($stateProvider, $urlRouterProvider) {  
    loadJS();
  $stateProvider
    .state('state1', {
      url: "/state1",
      templateUrl: "partials/state1.html",
      controller: 'OneCtrl'
    })
    .state('state2', {
      url: "/state2",
      templateUrl: "partials/state2.html",
      controller: 'TwoCtrl'
    });
    $urlRouterProvider.otherwise("/OneCtrl");
});