Question

我知道已经多次询问过这个问题的变体，但是我已经为其他OP尝试了几个建议的解决方案，但未能解决这个问题，并希望得到一些澄清。

我正在使用基本的平均待办事项列表应用程序（http://www.mean.io/）。在实现一个简单的控制器后，我遇到了“错误：参数'nameOfMyController'不是函数，未定义。”

这是我在的地方：

app.js（样板文件）

window.app = angular.module('mean', ['ngCookies', 'ngResource', 'ui.bootstrap', 'ui.route', 'mean.system', 'mean.articles' ]);

angular.module('mean.system', []);
angular.module('mean.articles', []);

我已经尝试修改这里引用的内容，例如，将mean.controller添加到数组中，但这显然不是正确的方法，因为它告诉我模块不存在。

这是我的taskController.js（我遵循的一个平均教程使taskController成为一个独立的函数，但我将它作为一个构造函数，就像angular的docs所说的那样）

var mean = angular.module('mean',[]);

mean.controller('taskController', function taskController($scope){

   $scope.todos = [];

   $scope.doneFilter = { done : true };
   $scope.notDoneFilter = { done : false };

   $scope.setTodos = function(todos){
       $scope.todos = todos;
   };

});

我也尝试过angular.module（'mean.system'）。controller（'taskController'，function taskController（$ scope）{...}，结果相同。

现在可以查看视图：在default.jade中包含ng-app

!!! 5
  html(ng-app='mean', lang='en', xmlns='http://www.w3.org/1999/xhtml', xmlns:fb='https://www.facebook.com/2008/fbml', itemscope='itemscope', itemtype='http://schema.org/Product')
    include ../includes/head
    body
     ...
     include ../includes/foot

然后在index.jade中我有：

extends layouts/default

block head
  script(type='text/javascript', src='/js/controllers/taskController.js')

block content
  section(data-ng-view)
  div.container(ng-controller="taskController", ng-init="setTodos( #{JSON.stringify(todos)} )")
  ...
  div.row(ng-repeat="todo in todos | filter:notDoneFilter")
    label.checkbox
      input(type="checkbox", ng-model="todo.done")
      | {{ todo.description }}
    span.datestring
      i {{ todo.due | date: 'MMM d, yyyy' }}    
  ...
  div.row(ng-repeat="todo in todos | filter:doneFilter")
    label.checkbox
      input(type="checkbox", checked="true")
        del {{ todo.description }}
      span.datestring
        i {{ todo.due | date: 'MMM d, yyyy' }}

foot.jade insert：

//AngularJS
script(type='text/javascript', src='/lib/angular/angular.js')
script(type='text/javascript', src='/lib/angular-cookies/angular-cookies.js')
script(type='text/javascript', src='/lib/angular-resource/angular-resource.js')

我不想我缺少任何角度指令，控制器本身也应该工作，所以我假设这是一个基本的应用程序架构问题，我不明白它是如何适合的一起。任何帮助将不胜感激。

Answer 1

当angularjs无法在任何模块中找到控制器时，此错误主要发生。当您意外重新定义模块时，可能会发生这种情况。在你的情况下，我看到了

window.app = angular.module('mean', ['ngCookies', 'ngResource', 'ui.bootstrap', 'ui.route', 'mean.system', 'mean.articles' ]);

然后

var mean = angular.module('mean',[]);

此语法重新定义了模块。

使用angular.module('mean')而不使用第二个参数来获取现有模块。

Answer 2

我现在才遇到这个问题。我尝试了上面的所有建议，没有任何效果。然后，我将AngularJS从版本1.3.9-build.3746降级到版本1.2.8。这就是我使用beta版本的原因。

AngularJS / Jade错误：参数'MyController'不是函数，未定义（MEAN）

2 个答案: