$http是AngularJS的一个核心服务,用于读取远程服务器的数据。
读取Json文件:http:192.168.1.1/myweb/index.aspx
[ {name:'tom',age:23,position:'IT tester'}, {name:'tony,age:22,position:'Manager''}, {name:'mary,age:19,position:'CEO''} ]
$http.get(url)读取服务器数据的函数:
<div ng-app="myApp" ng-controller="customersCtrl"> <ul> <li ng-repeat="x in names"> {{x.name+','+x.age+','+x.position}} </li> </ul> </div> <script> var app=angular.module('myApp',[]); app.controller('customersCtrl',function($scope,$http){ $http.get("http:192.168.1.1/myweb/index.aspx").success(
function(response) { $scope.names=response.records; }); }); </script>
解析:通过ng-app定义应用在<div>中执行
ng-controller指令设置对象名。
customerscontroller是标准的js对象构造器,控制器对象有一个属性:
$scope.names,$http.get()从web服务器上读取静态json数据。
当从服务器端载入json数据时,$scope,names变为一个数组。
以上可演化为读取数据库中的数据到前台显示。
摘录自runoob.com。旨在通过自己的语言加深对AngularJS的学习、理解和记忆。