首页 > 代码库 > Angular JS

Angular JS

Angular JS 介绍

  AngularJS,是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等......

  AngularJS试图成为WEB应用中的一种客户端的解决方案。这意味着它不只是你的WEB应用中的一个小部分,还是一个完整的客户端的解决方案。这会让AngularJS在构建一个CRUD(增加Create、查询Retrieve、更新Update、删除Delete)的应用时显得很“固执”(原文为 opinionated,意指没有太多的其他方式)。

  构建一个CRUD应用可能用到的全部内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入。

#一、AngularJS四大核心特征
mvc设计思想:只需要关注数据
模块化和依赖注入
双向绑定
指令

##1.angularJS中常用指令

ng-src
// 加载图片的指令

ng-href
// 加载url路径的指令

ng-show
ng-hide
// 展示图片的指令

ng-clack
// 延迟加载

ng-model
// 在angularJS中ng-model表示将当前元素与数据模型($scope)绑定,所有的数据或者属性都保存在$scope中;

ng-repeat
// 迭代;循环$scope中的属性,类似于{{#each beans}}

ng-bind
// 获取数据模型($scope中的数据),类似于{{属性名}}

##2.angularJS中的函数,处理响应结果
(1) 方式一:
.then(function(res){
// 成功,使用时需要 res.对象或者属性,如res.msg,res.user.name,
},function(){
// 失败
})

(2)方式二:
success(function(res){
// 成功,使用时需要 res.对象或者属性,如res.msg,res.user.name,
}).error(function(){
// 失败
});

##3.测试展示数据:aler()与console.log()的区别
[1]alert()

1)有阻塞作用,不点击确定,后续代码无法继续执行

2)alert()只能输出string,如果alert输出的是对象会自动调用toString()方法

e.g. alert([a,b,c]);//a,b,c

3)alert不支持多个参数的写法,只能输出第一个值

e.g. alert(1,2,3);//1

 

[2]console.log()

1)在打印台输出

2)可以打印任何类型的数据

e.g. console.log([a,b,c]);//[a,b,c]

3)支持多个参数的写法

e.g. console.log(1,2,3)// 1 2 3

 

##4.数据处理 
(1) double型数据处理 {{price|currency}}

(2) 时间格式处理:{{currtime|date:"MM/dd/yyyy HH:mm:ss"}}

Angular JS