引导后的加载控制器angularjs

我正在使用requirejs和angularjs在我的应用程序中加载模块。我面临的问题是我不知道如何加载角度已被引导后的控制器。这里是我的代码：引导后的加载控制器angularjs

main.js：

require(['app', //all my scripts go here 
function(){ 
angular.bootstrap(document, ['myApp']); 
});

app.js：

define([], function(){ 
    var myApp = angular.module('myApp', ['ngRoute']); 
    $routeProvider. 
     when('/home', { 
       templateUrl : 'partials/home.html', 
       controller : 'UserRegisterCtrl' 
      }). 
      otherwise({ 
       redirectTo : '/home' 
      }) 
    return myApp; 
})

controller.js

define(['app'], function(app){ 
    app.controller('MyCtrl', function($scope){}); 
})

myApp.html

body(ng-app) 
    <div ng-controller = 'MyCtrl'></div> <-- I can not put MyCtrl here 
because I think the MyCtrl has been declared before myApp has been bootstrapped

因此，我真的需要知道是否有一种方法可以在引导myApp后加载MyCtrl控制器。我对Angularjs非常陌生。任何帮助将非常感激。

来源

2014-01-10 themyth92

一个复杂的问题。看看几个努力，还有更多的野外......没有完成我认为：[angular-require-lazy]（https://github.com/nikospara/require-lazy），[angularAMD ]（https://github.com/marcoslin/angularAMD） –

如果您手动引导您的角度应用程序，则不需要使用ng-app，因为这只是一个指令，几乎可以做同样的事情。

这个小陷阱引起了一些人前头痛：

来源

2014-01-10 08:57:23 angabriel

当您在HTML中使用ng-app，引导自动发生。在这种情况下，这取决于您在index.html中放入<script>标签的内容。

我假设你按照RequireJS的用法使用RequireJS加载angular。如果是这样，请确保您使用shim声明angular与app的依赖关系。如果情况并非如此，请说明您的装载angular的方式，并分享您的main.js的内容。

这真是棘手，我让RequireJS与AngularJS工作，所以我创建了以下项目，帮助我处理复杂：

http://marcoslin.github.io/angularAMD

来源

2014-01-10 09:51:48 marcoseu

引导后的加载控制器angularjs

回答

相关问题