Angular JS

Posted 2020-09-29 星空异皓`

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"}}