博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs2
阅读量:4558 次
发布时间:2019-06-08

本文共 1543 字,大约阅读时间需要 5 分钟。

1.Angular 内容概要

Angular 指令 Angular 过滤器 Angular 数据传输 $watch 函数

2.Angular 指令

-AngularJS 通过被称为 指令 的新属性来扩展 HTML -通过内置的指令来为应用添加功能,内置指令带有前缀 ng- ng-app 指令启动一个AngularJS应用,它定义根元素 ng-init 指令初始化一个AngularJS应用程序的数据 ng-model 指令把元素值(输入域的值)绑定到应用程序 ng-repeat 指令重复html元素集合中的每个项目

更多内置指令: http://www.runoob.com/angularjs/angularjs-reference.html

3.Angular 指令

ng-app声明了div元素为根元素,从此处开始启动应用;

ng-init初始化属性name的值为tony;

ng-model将表单控件的值和当前作用域的属性进行绑定

4.Angular 过滤器

过滤器可用于转换数据 -使用一个管道符 | 添加到表达式和指令中

uppercase 过滤器将字符串格式化为大写

lowercase 过滤器将字符串格式化为小写

currency 过滤器将数字格式化为货币格式

orderBy 过滤器根据表达式排列数组

filter 过滤器从数组中选择一个子集

uppercase将字符串格式化为大写,lowercase将字符串格式化为小写

currency 过滤器将数字格式化为货币格式(默认为$符)

orderBy 过滤器根据表达式排列数组,设置orderBy:'age'表示按age的值升序排列,如为'-age'表示降序排列。

filter 过滤器从数组中选择一个子集根据用户输入的值过滤出数组中符合的子集展示出来

5.自定义过滤器:

AngularJs允许自定义过滤器, 通过 filter( ‘filtername’ , fn ) 方法定义 filtername为自定义过滤器名,fn为过滤器函数 具体实例请看:filter-demo.html

6.Angular 监听模型变化

$watch函数

当数据模型中某一部分发生变化时,$watch函数可以向你发出通知,你可以监控单个对象的属性,也可以监控需要经过计算的结果(函数), $watch(watchFn, watchAction, deepWatch)

参数1 是一个表达式或者一个函数字符串

参数2 是一个函数或者表达式,当参数1发生变化时会被调用

参数3 可选,布尔型参数(ture)将会命令Angular去检查被监控 对象的每个属性是否发生了变化。

7.Angular 数据交互

$http服务 Angular中的核心服务$http,用于读取远程服务器的数据,它将ajax方法进行了简单的封装,打包成一个服务模块的形式,提供给开发者使用。

例: $http({ url:‘data.json’, method:‘GET’}).success().error();

例: $http.get( url , [data] ).success().error();

例: $http.post( url , [data] ).success().error();

例: $http.jsonp(”url ?callback=JSON_CALLBACK");

用$http对象的post方法请求json数据并发送一个信息

更多请参考:http://www.2cto.com/kf/201506/405137.html

 

转载于:https://www.cnblogs.com/patriot/p/6054245.html

你可能感兴趣的文章
一点小问题
查看>>
pytest 10 skip跳过测试用例
查看>>
MVC身份验证及权限管理
查看>>
It was not possible to find any compatible framework version
查看>>
关于8.0.15版本的mysql下载与安装
查看>>
Redis主从复制看这篇就够了
查看>>
洛谷 P1202 [USACO1.1]黑色星期五Friday the Thirteenth 题解
查看>>
(4.20)SQL Server数据库启动过程,以及启动不起来的各种问题的分析及解决技巧...
查看>>
基本数据类型(数字和字符串)
查看>>
函数__装饰器
查看>>
linux system函数分析
查看>>
前端优化措施
查看>>
论学习汉语和学习编程的异同点
查看>>
linux img文件压缩及解压
查看>>
Linux 下的 scp
查看>>
理解同步,异步和延迟脚本
查看>>
MMS源码中异步处理简析
查看>>
XMind 6 如何画流程图
查看>>
final发布评价
查看>>
DLL远程注入与卸载
查看>>