You'll have to run json-server first and then do
$http.get('http://localhost:port_no/countries') to get the countries json
On Friday, July 1, 2016 at 5:25:12 PM UTC+5:30, Priya Mohan wrote:
>
> Hi - I am a beginner in anjularjs and trying the below code.
>
> <html ng-app="myAPP">
> <head>
> <meta charset="utf-8">
> <title>Angular.js JSON Fetching Example</title>
> <link rel="stylesheet" href="
> https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css";>
> <script src="
> http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js
> "></script>
>
> <script>
> var myapp = angular.module("myAPP", []);
> myapp.controller('simplectrl', function($scope, $http) {
> $http.get('countries.json').success(function(data) {
> console.log(data);
> $scope.countries=data.countries;
> });
> });
> </script>
> </head>
>
>
> <body ng-controller="simplectrl">
>
> <h3> Country Data </h3>
>
> <table>
> <tr>
> <th> Country </th>
> <th> Population </th>
> </tr>
>
>
> <tr ng-repeat="country in countries">
> <td> {{country.name}}</td>
> <td>{{country.population}}</td>
> </tr>
> </table>
>
> </body>
> </html>
>
> and my countries.json is
> { "countries" :[
> { "name": "China", "population" :"1.4billion" },
> { "name": "India", "population" :"1.2billion" },
> { "name": "USA", "population":"300million" }
> ]};
>
> when I run the htm file in web server, I don't see the result
> ex:China,1.4billion under table heading. please help
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
