AngularJS 1.x学习<2>

一. $http

AngularJS

$http

是一个用于读取web服务器上数据的服务。

$http.get(url)

是用于读取服务器数据的函数。

<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("http://www.runoob.com/try/angularjs/data/Customers_JSON.php")
.success(function(response) {$scope.names = response.records;});
});
</script>

二.模块

模块定义了一个应用程序。

模块是应用程序中不同部分的容器。

模块是应用控制器的容器。

控制器通常属于一个模块。

通过 AngularJS 的 angular.module 函数来创建模块：

<script>

var app = angular.module("myApp", []);

</script>

三.动画

AngularJS 提供了动画效果，可以配合 CSS 使用。AngularJS 使用动画需要引入

angular-animate.min.js