AngularJS erreur: fnPtr n'est pas une fonction

Je suis en train d'écrire un échantillon AngularJS, et spring mvc projet. Le printemps des méthodes fonctionne très bien, mais j'ai un problème avec declaraton de la fonction dans mon contrôleur de site. Mon application doit renvoyer un mot de la saisie de texte, mais quand je clique sur le bouton, j'ai cette erreur:

[13:23:58.900] "Error: fnPtr is not a function
parser/_functionCall/<@http://localhost:8080/example/resources/js/Angular/angular.js:6542
ngEventDirectives[directiveName]</</</<@http://localhost:8080/example/resources/js/Angular/angular.js:13256
Scope.prototype.$eval@http://localhost:8080/example/resources/js/Angular/angular.js:8218
Scope.prototype.$apply@http://localhost:8080/example/resources/js/Angular/angular.js:8298
ngEventDirectives[directiveName]</</<@http://localhost:8080/example/resources/js/Angular/angular.js:13255
createEventHandler/eventHandler/<@http://localhost:8080/example/resources/js/Angular/angular.js:2095
forEach@http://localhost:8080/example/resources/js/Angular/angular.js:130
createEventHandler/eventHandler@http://localhost:8080/example/resources/js/Angular/angular.js:2094
"

C'est mon index.html:

<!DOCTYPE html>
<html lang="en" ng-app="Apken">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="resources/js/Angular/angular.js"></script>
<script src="resources/js/controler.js"></script>

</head>
<body ng-controller="theNamer">

<div class="input-append">
    <input style="width:358px;" class="span2" type="text" ng-model="myName" required min="1" />
    <button class="btn btn-primary" ng-disabled="!myName" ng-click="send()">Click!</button>
</div>
<ul>
<li  ng-repeat="name in names">{{name}}</li>

</ul>

</body>
</html>

Et controler.js:

function theNamer ($scope,$http){
    $scope.myName='aa';

    $scope.fetchList=new function()
    {
        $http.get('ca/list.json').success(function(thList){
            $scope.names = thList;
        });
    }

        $scope.send=new function()
        {

            $http.post('ca/set/3').success(function(){

            $scope.fetchList;

            });

        }
        $scope.fetchList;


}

var Apken = angular.module('Apken',[]);
Apken.controller('theNamer', theNamer);

J'ai remarqué, que doit être un certain genre de problème avec la déclaration de la fonction dans le ng-cliquez sur la valeur. Sur le site de démarrage controler.js fonctionne très bien, mais il se bloque, quand je clique sur le bouton.

InformationsquelleAutor e jay | 2013-10-06

5

J'ai testé votre code. En utilisant AngularJS 1.0.7, l'erreur disparaît lorsque vous remplacez
```
$scope.send = new function() {
```
avec
```
$scope.send = function () {
```
et la même chose s'applique à fetchList.

Je suppose que vous avez mélangé les deux syntaxes function(*args*) { *body* } et new Function(*args*, *body*). Vérifier sur MDN: La fonction.

Vous avez également de modifier votre code pour obtenir votre fetchList correctement appelé:
```
function theNamer($scope, $http) {

        $scope.myName = 'aa';

        $scope.fetchList = function() {

            $http.get('ca/list.json').success(function(thList) {

                $scope.names = thList;

            });

        };

        $scope.send = function() {

            $http.post('ca/set/3').success(function() {

                $scope.fetchList();

            });

        };

        $scope.fetchList();

}
```
- L'erreur a disparu, mais il y a un autre problème: la fetchList fonction ne veulent pas travailler. Quand j'ai garder la "nouvelle" déclaration: $scope.fetchList = new function() il ne fonctionne que, quand j'ai actualiser le navigateur.
- vous devez également ajouter () quand vous l'appelez, comme ceci: $scope.fetchList();. Je vais mettre à jour la réponse avec le bon code.
- De ma faute, j'ai oublié aboout il. Merci!
- pas de problème. Si tout fonctionne, pouvez-vous veuillez cocher la réponse correcte)? 🙂
- ok, désolé pour le retard, mais j'ai été un peu occupé 😀
InformationsquelleAutor Pietro says reinstate Monica
41

Voulais juste ajouter pour personne à recevoir cette erreur, il peut aussi être vu si vous, comme moi, font le n00b erreur de créer une variable avec le même nom que la fonction (la fonction qui est appelée à partir de ng-cliquez sur:
```
$scope.addTask = {};

$scope.addTask = function() {};
```
- J'ai eu cette erreur, parce que j'ai écrit ng-repeat="f in foo()" au lieu de ng-repeat="f in foo".
- fantastique, c'est belle prise, j'ai perdu 3 heures à la recherche de ce problème. Nom de la Fonction et parent nom de la Variable ne doit pas être la même.
- Belle prise @6footunder, vous m'avez sauvé bro!
- je l'ai eu parce que j'ai nommé une fonction de même que le contrôleur de ControllerAs syntaxe
- Il a également eu lieu pour moi parce que j'ai utilisé le même nom dans le nom du formulaire et soumettre le formulaire. Donc en effet, belle prise!
InformationsquelleAutor 6footunder

Vous devez vous connecter pour publier un commentaire.