AngularJs入门基础

1.Angular扩展了HTML属性：

• ng-directives属性绑定到HTML；
• ng-app定义一个AngularJS应用程序；
• ng-model把DOM元素值（比如input标签）绑定到应用程序对应的变量上；
• ng-bind把应用程序数据绑定到HTML视图中（内容）；
• ng-init初始化angular应用程序变量；
• ng-repeat会重复一个HTML元素,可用于循环输出列表等；
• ng-if判断条件；
• ng-disabled禁用绑定；
• ng-show,ng-hide根据value来显示隐藏html；
• ng-click点击事件；
• ng-view嵌入的页面路由；

2.AngularJS的功用：

• 应用程序数据绑定到HTML元素；
• 克隆和重复HTML元素；
• 隐藏和显示HTML元素；
• 在HTML元素背后添加代码；
• 支持输入验证；

---

说明：HTML5允许扩展（自制）属性，以data-开头，AngularJS以ng-开头，可以使用data-ng-让扩展属性对H5有效。

3.AngularJS应用
模块（Module）定义可AngularJS应用，定义声明应用，ng-app；
控制器（Controller）用于控制应用，函数操作，ng-controller；

$scope：AngularJS中使用$scope对象来调用控制器，$scope是一个应用象（属于应用变量和函数），控制器的$scope（相当于作用域和控制范围）用来保存model对象，创建变量、属性、方法等。
$cookieStore.put()存储数据，$cookieStore.get()输出数据。

$location：解析地址栏中的URL，可获取、监听、改变URL；

日期时间格式化

{{time|date:'yyyy-MM-dd hh:mm:ss'}}

字符串格式化为时间

new Date(yyyy|mm|dd hh:mm:ss)

转换为时间戳：

Date.Parse(time)

4.Http请求
$http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的
配置内容。这个函数返回一个promise对象，具有success和error两个方法。

$http({
url:'data.json',
method:'GET'
}).success(function(data,header,config,status){
//响应成功

}).error(function(data,header,config,status){
//处理响应失败
});