Angularjs控制器依赖于requirejs？

Question

我正在使用 angular js 和 require js 来制作单页模板。 一切正常接受一件事。当我尝试在 $routeProvider 中定义控制器名称时，它显示错误：

错误：[ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=SignIn&p1=not%20aNaNunction%2C%20got%20undefined

我这样分开文件：

rootfolder
    js
      -require.js
      -angular.min.js
      -angular-route.js
      -main.js
      -app.js
      -signin.js
      -signup.js

    index.php
    sign_in.php
    sign_up.php

我的代码：

Main.js

 require.config({
        baseUrl: "./js",
        paths: {
            'angular': 'angular.min',
            'angularRoute': 'angular-route'
        },
        shim: { 
            'angular' : { exports : 'angular' },
            'angularRoute' : { deps : ['angular'] }
        },
        deps: ['app']
    });

App.js

  define(['angular','angularRoute'], function (angularRoute) {
        var app = angular.module('webapp', ['ngRoute']);
        app.config(['$routeProvider',
                            function($routeProvider) {
                                $routeProvider.
                                  when('/signin', {
                                    templateUrl: 'sign_in.php',
                                    controller: 'SignIn'
                                  }).
                                  when('/signup', {
                                    templateUrl: 'sign_up.php',
                                    controller: 'SignUp'
                                  }).
                                  otherwise({
                                    redirectTo: '/signin'
                                  });
                              }
          ]);
        return app;
    });

控制器 - signin.js

define(['app'], function (app) {
    app.controller('SignIn', function ($scope) {
        $scope.message = "Sign in page"; 
    });

}); 

控制器 - signup.js

define(['app'], function (app) {
    app.controller('SignUp', function ($scope) {
        $scope.message = "Sign up page"; 
    }); 
}); 

当我在 $routeProvider 中定义 controller: 'SignIn' 或 controller: 'SignUp' 时，它会显示错误，否则它可以正常工作。

Answer 1

你还需要让 requirejs 包含 signin.js 和 signup.js。您在 App.js 中的代码不会触发任何 requirejs 调用来加载这两个文件。

when('/signin', {
    templateUrl: 'sign_in.php',
    controller: 'SignIn'
})

只告诉 AngularJS 在你导航到 /signin 后尝试实例化名为“SignIn”的控制器。但是，这不会导致加载 signin.js 文件。

确保您的最外层模块也依赖于signin 和signup。