Profil von jameslover2015

17.05.2016, 16:17

Hey habe einen code geschrieben der daten aus einer JSON datei auslesen soll und diese dann im Browser ausgibt, komisch ist nur das es nicht funktioniert, ich habe genau den selben code von w3schools.com in meine html datei eingefügt und es funktioniert trotzdem nicht. Bin grade echt ratlos...

http://www.w3schools.com/angular/angular_http.asp

hier mal mein code:

   <!DOCTYPE html>
   <html>
      <head>
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user scalable=no, width=device-width">
      <title>myApp</title>

      <link href="lib/ionic/css/ionic.css" rel="stylesheet">

      <script src="lib/ionic/js/ionic.bundle.js"></script>
      <script src="cordova.js"></script>

      <script type="text/javascript" src="js/controllers.js"></script>
      </head>
      <body ng-app="myApp" ng-controller="MainCtrl"> 

       <ul>
         <li ng-repeat="x in myData">
        {{ x.name + ", " + x.nachname + "," + x.mnr + "," + x.wohnort + "," +x.geburtstag}}
         </li>
         </ul>

      </body>
    </html>

hier die controller.js Datei:

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

app.controller('MainCtrl', function ($scope, $http) {
   $http.get("datenJSON.json").then(function(response) {
       $scope.myData = response.data.records;

    });
});

hier die json Datei:

{   
"records": [
    {
        "name": "Heinrich",
        "nachname": "Rose",
        "mnr": "123456",
        "wohnort": "Hannover",
        "geburtstag": "19.06.1982"
    },
    {
        "name": "Peter",
        "nachname": "Pan",
        "mnr": "321456",
        "wohnort": "Bielefeld",
        "geburtstag": "12.05.1972"
    },
    {
        "name": "Hans",
        "nachname": "Wurst",
        "mnr": "123136",
        "wohnort": "Melle",
        "geburtstag": "07.12.1988"
    },
    {
        "name": "Dieter",
        "nachname": "Meyer",
        "mnr": "153243",
        "wohnort": "Enschede",
        "geburtstag": "22.09.1963"
    },
    {
        "name": "Klaus",
        "nachname": "Peterson",
        "mnr": "754243",
        "wohnort": "Dortmund",
        "geburtstag": "01.06.1987"
    },
    {
        "name": "Siegfried",
        "nachname": "Schaeffer",
        "mnr": "965443",
        "wohnort": "Loehne",
        "geburtstag": "03.10.1985"
    },
    {
        "name": "Peter",
        "nachname": "Lustig",
        "mnr": "775442",
        "wohnort": "Koeln",
        "geburtstag": "05.11.1979"
    },
    {
        "name": "Horst",
        "nachname": "Seehoefer",
        "mnr": "783236",
        "wohnort": "Berlin",
        "geburtstag": "23.03.1945"
    },
    {
        "name": "Diana",
        "nachname": "Schwarz",
        "mnr": "532443",
        "wohnort": "Frankfurt",
        "geburtstag": "22.01.1988"
    },
    {
        "name": "Ramona",
        "nachname": "Meier",
        "mnr": "643523",
        "wohnort": "London",
        "geburtstag": "23.08.1995"
    }
]
}

ich hoffe es kann mir hier irgendjemand helfen...