2016-04-10 5 views
-1

15.html

 <html> 
     <meta charset="utf-8"> 
    <title>Angularjs htttp services</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js">     

    </script> 
    <script src="controller15.js"></script> 
    </head> 
    <body ng-app="mainApp"> 
     <div ng-controller="people"> 
     <ul> 
    <h2> names and ages of the programmers</h2> 
    <li ng-repeat="person in persons"> 
    {{ person.Name +':' +person.Age}} 
    </li> 
    </ul> 
    </div> 
    </body> 
    </html> 

controller15.js

 var app=angular.module('mainApp',[]); 
     app.controller('people', function($scope,$http) 
    { 
    $http.get('database.json') 
    .success(function(response) 
    { 
     $scope.person=response.records; 
    }); 
    }); 

database.json, wo ich die Informationen gespeichert:

 { 
     "records":[ 
     { 
     "Name":"mehul","Age":"13" 
     }, 
     { 
     "Name":"ashok","Age":"23" 
     }, 
     { 
     "Name":"rajesh","Age":"44" 
     } 
     ] 

} 

ich den gesamten Code angeschlossen haben, überprüfen Sie bitte meinen Code . Ich bin ein Anfänger in angularjs; Es wäre immer gut, wenn Sie mir ein bestimmtes Material oder eine bestimmte Website vorschlagen.

+0

Bitte versuchen Sie es hier mit prägnanten Titeln: Sie brauchen nicht "Hallo" und "Bitte helfen Sie mir", da sie sowieso herausgeschnitten werden. Ich habe Ihren Code in Abschnitte aufgeteilt: Wenn Sie sicherstellen können, dass Sie für jede Datei einen Codeblock verwenden, ist dieser _much_ besser lesbar. Vielen Dank. – halfer

Antwort

0

Erstens: Verwenden Sie keine verkleinerte Version von angular, um die beschriebenen Fehler in Ihrer Browser-Konsole zu sehen. Dann sag mir, welche Fehler siehst du!

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js">