小编Bri*_*oer的帖子

我正在使用Yeoman在Angular中构建练习应用程序.我正在尝试将控制器保存在单独的文件中.

但是,当进入我的"注册"路线时,它会在Chrome开发工具中引发错误:

"Error: [ng:areq] Argument 'RegisterCtrl' is not a function, got undefined http://errors.angularjs.org/1.2.6/ng/areq?p0=RegisterCtrl&p1=not%20aNaNunction%2C%20got%20undefined".

即使它抛出错误,我仍然可以访问注册页面并查看"hello world"内容.

我看过:

• AngularJS:如何在多个文件中创建控制器
• 如何创建单独的AngularJS控制器文件？

但是,尽管尝试了一些他们的建议,但都没有帮助解决我的问题

目前,我的应用程序布局为:

app   
...
--scripts  
---controllers  
-----main.js  
-----register.js
---app.js
...

当我将register.js的内容移动到Main.js时,它不再抛出错误.

App.js看起来像这样:

angular.module('angYeomanApp', [
'ngCookies',  
'ngResource',  
'ngSanitize',  
'ngRoute',  
'ui.bootstrap'  
 ])  
   .config(function ($routeProvider) {
     $routeProvider
       .when('/', {
         templateUrl: 'views/main.html',
         controller: 'MainCtrl'
        })
       .when('/register', {
         templateUrl: 'views/register.html',
         controller: 'RegisterCtrl'
       })
       .otherwise({
         redirectTo: '/'
       });
    });

Main.js:

angular.module('angYeomanApp')
  .controller('MainCtrl', function ($scope) {

});

Register.js:

angular.module('angYeomanApp')
  .controller("RegisterCtrl", function ($scope) {

});

任何帮助将非常感激!