之前学习的事视图与模版，我们在控制器文件中直接定义一个数组，让其在模版文件中用ng-repeat指令构造一个迭代器，定义的数组http://t.cn/RUbL4rP如同以下：
$scope.phones = [
{'name':'xioabin','number':'18824863682','age':'12'},
{'name':'xioalong','number':'18824863683','age':'19'},
{'name':'xiaohua','number':'18824863684','age':'5'},
{'name':'xiaoMING','number':'18824863685','age':'1'},
{'name':'xiaoTU','number':'18824863686','age':'2'},
{'name':'xiaoKE','number':'18824863687','age':'40'},
];这种形式往往不是我们所要的，我们通常会使用常用ajax技术去获取数据，在angular也有类似的服务来实现XHR，那就是 $http，使用怎么一个服务，需要将代码放置在本地服务器或是web站点上，首先先准备phone.json文件，如下：
[
{"name":"xioabin","number":"18824863682","age":"12"},
{"name":"xioalong","number":"18824863683","age":"19"},
{"name":"xiaohua","number":"18824863684","age":"5"},
{"name":"xiaoMING","number":"18824863685","age":"1"},
{"name":"xiaoTU","number":"18824863686","age":"2"},
{"name":"xiaodfs","number":"18824863687","age":"46"},
{"name":"xiaodfE","number":"18824863682","age":"46"},
{"name":"xiaobh","number":"18824863680","age":"48"},
{"name":"xiaogg","number":"18824863687","age":"10"},
{"name":"xiaouu","number":"18824863686","age":"20"},
{"name":"xiaoKds","number":"18824863682","age":"30"},
{"name":"xiaoKEdad","number":"18824863689","age":"60"},
{"name":"xiaoKb","number":"18824863683","age":"90"},
{"name":"xiaofa","number":"18824863685","age":"17"}
]内容可以自己设置，模版文件代码与之前大同小异：
<!doctype html>
<html ng-app ng-controller="PhoneListCtrl">
<head>
<meta charset='utf8' />
<title ng-bind="'Google Phone Gallery:' query"></title>
<!-- <title ng-bind-template="Google Phone Gallery:{{query}}"></title> -->
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="example2">
Select:
<select name="select" id="select" ng-model='order'>
<option value="name">名字</option>
<option value="age">年龄</option>
</select>
Search: <input name="search" type="text" ng-model='query' />
<ul>
<!--迭代器-->
<li>
<span>序号</span>
<span>姓名</span>
<span>号码</span>
<span>年龄</span>
</li>
<li ng-repeat='phone in phones | filter:query | orderBy:order'>
<span>{{$index 1}}</span> <span>{{phone.name}}</span> <span>{{phone.number}}</span> <span>{{phone.age}}</span>
</li>
</ul>
</div>
</body>
</html>
不同的就是控制器文件的不同，如下：
//注入服务$http
function PhoneListCtrl($scope,$http){
$http.get("phone.json").success(function(data, status, headers, config) {
if(status==200){ $scope.phones = data; }
console.log(status "," headers "," config);
// alert(JSON.stringify(data));
});
$scope.order = 'name';
}这里传入了一个$http，那么我们就可以通过$http.get(路径).success(function(data,status){/*成功获取数据，之后该干嘛？*/})，data是返回的数据，status是状态码，header和config可以打印出来看一下，应该是一些配置和头部吧！这样$scope.phones就与之前一样是一个数组了！
官网的$http是这样的形式，可以参考着写：
$http({
url:'...',
method:'...',
data:'...',
params:'...',
cache:'...'
})
.success(function(){....})
.error(function() {.....});如果我们的控制器按上面那样写的话，在压缩代码时候会出错，那么有这两种方法可以解决这个问题：
为了克服压缩引起的问题，只要在控制器函数里面给$inject属性赋值一个依赖服务标识符的数组，就像被注释掉那段最后一行那样：
PhoneListCtrl.$inject = ['$scope', '$http'];
另一种方法也可以用来指定依赖列表并且避免压缩问题——使用Javascript数组方式构造控制器：把要注入的服务放到一个字符串数组（代表依赖的名字）里，数组最后一个元素是控制器的方法函数：
var PhoneListCtrl = ['$scope', '$http', function($scope, $http) { /* constructor body */ }];
这就是angularjs的依赖注入了！当控制器构造的时候，AngularJS的依赖注入器会将这些服务注入到你的控制器中。当然，依赖注入器也会处理所需服务可能存在的任何传递性依赖（一个服务通常会依赖于其他的服务）。
注意不要使用‘$’前缀来命名你自己的服务和模型（就是自己可以定义自己的服务，像$http），否则可能会产生名字冲突。
更多专业前端知识，请上 【猿2048】www.mk2048.com
![[转]android ListView详解](http://pic.xiahunao.cn/[转]android ListView详解)
