- 导入ANGULARJS库
<script src="lib/angular/angular.js"></script>
- 通知ANGULARJS引擎开始工作，并设置作用域
<html ng-app>
- 运行一个CONTROLLER，如果里面有设置模型的数据的，就将模型保存下来，此CONTROLLER仅仅可以存取BODY内的所有数据
<body ng-controller="PhoneListCtrl">
- CONTROLLER代码，其中$scope是ANGULARJS管理的对象，这时就注入到此方法中
function PhoneListCtrl($scope) {
$scope.phones = [
{"name": "Nexus S",
"snippet": "Fast just got faster with Nexus S."},
{"name": "Motorola XOOM™ with Wi-Fi",
"snippet": "The Next, Next Generation tablet."},
{"name": "MOTOROLA XOOM™",
"snippet": "The Next, Next Generation tablet."}
];
}
- 如遇到双大括号的标签，则运行里面的表达式，并将结果更新至DOM显示
{{phone.name}}
- 根据数组中ITEM的多少，产生相对应的LI标签
<ul>
<li ng-repeat="phone in phones">
{{phone.name}}
<p>{{phone.snippet}}</p>
</li>
</ul>
- 此标签(指令)会将INPUT的VALUE值与一个叫QUERY的对象进行双向绑定，任何一方的改变都会同步至对方
<input ng-model="query">
- 使用外部数据，$http是ANGULARJS管理的提供HTTP访问服务的对象，$scope.phones是往$scope里面新增一个phones，并赋值
function PhoneListCtrl($scope, $http) {
$http.get('phones/phones.json').success(function(data) {
$scope.phones = data;
});
}