Reading JSON by AngularJS Service

In AngularJS we can access external data by using angular service. It is called a service or AngularJS service or $http service in AngularJS. An angularJS service code reads data in JSON format. as below. JSON format is lightweight data-interchange format. In our application we have used a particular service, it is called '$http service' that communicates between http server and our application.

Example

In example we create two file one file is HTML file and another is json.js file. Find the file that will return JSON.
json.js

Output

In this example, AngularJS $http is a core service for reading data from web servers and $http.get(url) is the function to use for reading server data. In HTML program we are define ng-app and ng-controller directive inside a <div>. The AngularJS application is defined by ng-app. The ng-controller defines addressController function. It is a standard JavaScript object constructor. AngularJS will invoke addressController with a $scope and $http object. $scope is the application object and $http is an XMLHttpRequest object for requesting external data. The $http.get() reads static JSON data from json.js file. If success, the controller creates a property (addlist) in the scope, with JSON data from the server. The ng-repeat directive repeats an HTML element and gives address list in application.