AngularJS $http

$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。在服务器上读取数据：

 <div ng-app="myApp" ng-controller="customersCtrl"> 

 <ul>
   <li ng-repeat="x in names">
     {{ x.Name + ', ' + x.Country }}
   </li>
 </ul>

 </div>

 <script>
 var app = angular.module('myApp', []);
 app.controller('customersCtrl', function($scope, $http) {
   $http.get("test.json")
   .success(function (response) {$scope.names = response.records;});
 });
 </script>

AngularJS 应用通过 ng-app 定义。应用在 <div> 中执行。

ng-controller 指令设置了 controller 对象 名。

函数 customersController 是一个标准的 JavaScript 对象构造器。

控制器对象有一个属性: $scope.names。

$http.get() 从web服务器上读取静态 JSON 数据。

当从服务端载入 JSON 数据时，$scope.names 变为一个数组。