Warum ist mein AngularJS-Controller undefiniert und wie kann ich ihn korrekt registrieren?

Fehler in AngularJS: Controller-Registrierung

Frage:

Beim Versuch, Controller global zu definieren In einer AngularJS-Anwendung wird der Fehler „Controller ist keine Funktion, wurde undefiniert“ angezeigt. tritt auf.

Antwort:

Ab AngularJS 1.3 wird die globale Controller-Deklaration nicht mehr unterstützt. Controller müssen jetzt mit der module.controller-Syntax registriert werden.

Registrierungsmethoden:

1. Mit der .controller()-Methode:

angular.module('app', []).controller('ContactController', ['$scope', function($scope) {
  // Controller logic
}]);

2. Abhängigkeit verwenden Injektion:

function ContactController($scope) {
  // Controller logic
}
ContactController.$inject = ['$scope'];
angular.module('app', []).controller('ContactController', ContactController);

Alternative: Globals zulassen

Die Verwendung globaler Controller kann durch die Einstellung von AllowGlobals im $controllerProvider wieder aktiviert werden :

angular.module('app').config(['$controllerProvider', function($controllerProvider) {
  $controllerProvider.allowGlobals();
}]);

Zusätzlich Überlegungen:

• Stellen Sie sicher, dass die ng-app-Direktive im Stammelement der Anwendung enthalten ist.
• Stellen Sie sicher, dass die richtige Datei in den Skripten enthalten ist.
• Vermeiden Sie die mehrfache Definition desselben Moduls, da dies zuvor registrierte Entitäten überschreiben kann.

Das obige ist der detaillierte Inhalt vonWarum ist mein AngularJS-Controller undefiniert und wie kann ich ihn korrekt registrieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!