... Argument nie jest funkcją, ale niezdefiniowane

Question

gram z angularjs, ale dostaję komunikat o błędzie: Argument 'Controller' is not a function, got undefined Oto JSFiddle i HTML kod:

<h2>Hata's Tree-Like Set</h2> 
<div ng-app ng-init="N=3;" ng-controller="Controller"> 
<input type="range" min="1" max="10" step="1" ng-model="N"> 
<div class="tree"></div> 
</div 

Potem zdefiniować Controller funkcja w JavaScript, która nie jest rejestrowana z jakiegoś powodu.

function Controller($scope){ 
$scope.$watch("N", function(){ ... });} 

Answer 1

Można zdefiniować kontroler i zarejestrować go w jednym kroku:

angular.module('myModule').controller('MyCtrl', function($scope) { 
    $scope.$watch .... 
}); 

Jeśli chcesz kod pracować poprawnie po to zostało minified, trzeba wyraźnie określić zależność od $ zakresie:

angular.module('myModule').controller('MyCtrl', ['$scope', function(s) { 
    // you can now name the $scope argument whatever you want 
    ... 
}]); 

Answer 2

W opcji swojej skrzypce, wybrać, aby wykonać swoją javasctipt onLoad. Z opcją onLoad JavaScript dodaje funkcję window.onLoad:

window.onload=function(){ 
     function Controller($scope){ 
      ... 
     } 
    } 

Więc kątowa nie może uzyskać dostępu do kodu, ponieważ jest w zamknięciu.

Za pomocą opcji no wrap kod jest bezpośrednio dodawany na stronie i jest dostępny pod kątem: JSFiddle.

Możesz przeglądać źródło, aby zobaczyć, jak działa.

Answer 3

Miałem dokładnie ten sam błąd: argument 'HelloCtrl' is not a function, ale nieokreślony.

Okazało się, że miałem błąd składniowy w moim pliku hello.js ... brakujący przecinek w definicji tablicy, wewnątrz HelloCtrl().

Dodałem przecinek, a następnie wszystko zaczęło działać!

Mam nadzieję, że to pomoże.

Answer 4

Miałem ten sam błąd ... Argument „RadioController” nie jest funkcją ...

miałem odwołuje kontroler złego w HTML. Miałem

data-ng-controller="RadioController" 

kiedy to powinna być

data-ng-controller="Radio.RadioController" 

('Radio' jest moduł Kontroler był w)

Answer 5

musiałem zmienić kolejność tagów skryptu. Ustawiam kontroler wyżej niż na innym, od którego zależy.

zajęło mi kilka godzin, mam nadzieję, że to pomoże komuś

Answer 6

miałem trudności z tym, jak również. Przyczyną mojego problemu było to, że miałem starą wersję Angular, która nie obsługiwała nowego aliasingu as.

Upewnij się, że masz najnowszą wersję Angular, która obsługuje as.

Answer 7

Miałem ten błąd - źle postąpiłem w imieniu mojego kontrolera.

Został zarejestrowany jako CallbacksController ... zabrał mi pięć minut przekleństwa, aby zauważyć różnicę w wielkości liter (wskazówka - w moim przypadku B)!

Answer 8

Czy skonfigurowałeś poprawnie kontroler $ ControllerProvider?

Z documentation:

Name of a constructor function registered with the current $controllerProvider or an expression that on the current scope evaluates to a constructor function.

The controller instance can be published into a scope property by specifying ng-controller="as propertyName".

If the current $controllerProvider is configured to use globals (via $controllerProvider.allowGlobals()), this may also be the name of a globally accessible constructor function (not recommended).

Answer 9

Cóż, udało mi się rozwiązać ten problem przez obniżenie do starszych kątowych JS (1.2.27).

Ta sama składnia (użyta powyżej) do definiowania kontrolera i kąta JS (1.3.2) jest kombinacją, która spowodowała ten błąd.

W kanciastych (1.3.2), następująca składnia pracował dla mnie.

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

app.controller('helloController', function($scope){ 
    <write statements here> 
}); 

Answer 10

Nie trzeba obniżać wersji do starszych wersji. Można użyć metody jako metody lub metody angular.module.

Kolejność wczytywania plików musi być poprawna.

(Rozważ wymagają js jeśli masz trudności z zapamiętaniem kolejności ładowania plików)