AngularJS/Jade-Fehler: Argument 'MyController' ist keine Funktion, hab undefined (MITTELWERT)

Weiß ich Variationen dieser Frage wurden bereits mehrmals gefragt, aber ich habe versucht, mehrere Lösungsvorschläge für andere OPs, noch nicht in der Lage, diese zu lösen, und würden uns freuen, einige Klarstellungen.

Arbeite ich mit basic meine todo-Liste app (http://www.mean.io/). Nach der Implementierung eine einfache Steuerung, ich bin mit in die Fehlermeldung "Fehler: Argument "nameOfMyController' ist keine Funktion, hab nicht definiert."

Hier, wo ich bin:

app.js (boilerplate)

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

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

Habe ich versucht, das ändern, was auf die verwiesen wird, hier, wie, zum Beispiel, hinzufügen bedeuten.controller das array aber das ist eindeutig nicht der richtige Weg, es zu tun, weil es sagt mir, dass das Modul nicht existiert.

hier ist meine taskController.js (eine mittlere tutorial, folgte ich gemacht taskController eine eigenständige Funktion, sondern ich bin die Deklaration als einen Konstruktor der Weg Winkel die docs sagen)

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;
   };

});

Ich habe auch versucht, eckig.Modul('bedeuten.system').controller('taskController', function taskController($scope){ ... }, Gleiches Ergebnis.

ok jetzt für die Ansichten: inklusive ng-app Standard.jade

!!! 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

dann im index.jade ich habe:

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' }}

Fuß.jade-Einsätze:

//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')

Ich nicht denke fehlt mir jeder Winkel-Richtlinien und der controller selbst funktionieren sollte, also ich ' m vorausgesetzt, dies ist eine grundlegende app-Architektur problem, wo ich nicht verstehen, wie die Dinge zusammen passen. Jede Hilfe würde geschätzt werden.

InformationsquelleAutor Chris B. | 2013-11-01
Schreibe einen Kommentar