Angularjs TypeError: undefined keine Funktion

Ich bin gerade erst zu Chaos mit angular js, und ich versuche, das laden der Daten über eine post-Aktion.

Ich bin mit angularjs v. 1.0.2

Hier ist mein code:
HTML:

<!DOCTYPE html>
<html ng-app>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
        <script src="<?php echo $baseUrl?>/js/profilling/main.js"></script>
    </head>
    <body>
        <div ng-controller="GroupsCtrl">

        </div>
    </body>
</html>

main.js:

function GroupsCtrl($scope, $http) {
    $scope.url = '/file.php';
    $scope.images = [];

    function handleGroupsLoaded(data, status) {
        console.log(data);
    }

    $scope.fetch = function () {
        $http.post($scope.url).success($scope.handleGroupsLoaded);
    }

    $scope.fetch();
}

Ich versuche, die Folgen dieses jsfiddle: http://jsfiddle.net/simpulton/wHL3F/

Aber ich bin immer der folgende Fehler:

TypeError: undefined keine Funktion
bei http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:92:92
bei ich (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:76:119)
bei http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:76:352
am Objekt.e.$eval (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:86:220)
am Objekt.e.$digest (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:84:198)
am Objekt.e.$gelten (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:86:379)
e (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:92:330)
bei o (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:95:407)
bei XMLHttpRequest.q.onreadystatechange (http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js:96:334)

Kann jemand helfen?

Dank

BEARBEITEN
file.php:

echo '{"menu": {
  "id": "file",
  "value": "File",
  "popup": {
    "menuitem": [
      {"value": "New", "onclick": "CreateNewDoc()"},
      {"value": "Open", "onclick": "OpenDoc()"},
      {"value": "Close", "onclick": "CloseDoc()"}
    ]
  }
}}
';

Wie es scheint, ein gültiges json-Objekt.

Vielleicht brauchen Sie nur zu erklären function handleGroupsLoaded(data, status) als $scope.handleGroupsLoaded = function(data, status) {...}
und jetzt fühle ich mich dumm 🙂 danke!! arbeitete wie ein Charme!

InformationsquelleAutor jribeiro | 2012-11-03

Schreibe einen Kommentar