angular.js - angular require loading controller problem

Question

Define configuration items in main.js {code...} Define modules and routes in app app.js {code...} appManage controller.js code is as follows {code...} Page error {code...} If If you define the appManage controller in app.js, you can get the data in the view, but if...

我想大声告诉你 · Answer

define(['app'], function (yceMain){
    yceMain.controller('appManage', ['$scope' , function ($scope){
        $scope.aa = 11;
    }]);
});

This app should not be injected, please console.log(yceMain).
If you just want to bind the appManage controller to the app module, you should be able to write like this:

// appManage controller.js
angular.module('app')
.controller('appManage', ['$scope' , function ($scope){
       $scope.aa = 11;
}]);

Of course, this controller must also be introduced into the page

I used ui-router + oclazyload

某草草 · Answer

Solved. The problem is that before angular starts the ng-app service, all controllers and services must be registered.
But my idea is to load the controller asynchronously through require.

function ctrlRegister (ctrlName, ctrlModule) {
                return function ($q) {
                    var defer = $q.defer();
                    require(ctrlModule, function (controller) {

                        $controllerProvider.register(ctrlName, controller);

                        defer.resolve();
                    });
                    return defer.promise;
                }
            }

This function solves the problem perfectly, thanks /a/11….