首页 > 代码库 > 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