发表于: 2016-09-28 00:54:41
1 1854
WEB前端任务所学习到的与现做项目:
在学员任务中,由于刚做完task6,刚开始task7,就开始跟草船云项目,angular的基础非常不扎实,这几天一直在恶补。
原以为可以边看项目代码,边看书百度就可以慢慢跟上进度。结果还是非常吃力。。。还不太习惯angular的数据绑定,思维还留在JQ那种先获取修改再复写,想逻辑总会回到JQ那种方法,修改了数据但先不写回去这种做法就比较麻烦了
以下笔记
1,ng-app定义应用,ng-controller定义控制器;
2,{{}}和ng-bind 表达式,后者可以避免JS未加载而被用户看见,表达式支持操作符、变量,不支持判断、循环、异常;
3,指令是扩展html属性,angular封装的指令以ng-开始,自定义指令不应该使用这样的开始,参考手册
http://www.runoob.com/angularjs/angularjs-reference.html ;
4,ng-repeat 重复一个html元素,item in items ;
5,.directive 方法用于添加自定义的指令。在JS中使用驼峰命名,在HTML中使用-短线连接;
6,可以通过元素、属性、类名、注释调用指令,通过设置restrict的值选择调用指令的方法,E-元素,A-属性,C-类名。M-注释;
7,ng-model,创建一个数据模型,可以基于数据模型对应用数据进行验证;
8,angularJS过滤器,使用 | 连接;
9,服务是一个函数或对象,需要使用时注入到controller中,angular内封装了很多服务
$location,用于监听和操作URL
$http,向服务器发出请求和响应请求
$timeout、$interval , 计时器
使用.service方法可以创建自定义服务
10,ng-option创建一个下拉菜单,语法,ng-option = “x for x in items”,选中的值是一个对象
也可以使用ng-repeat重复HTML的option标签来创造下拉菜单,选中的值是一个字符串
11,ng-repeat 提供使用的变量,
$index,当前item的索引号
$first,当前item是第一个则为true
$middle 当前item既不是第一个也不是最后一个,则为true
$last 当前item是最后一个,则为ture
$even 索引为偶数则为ture否则为false
$odd 索引为奇数则为ture,否则false
12,ng-disabled 为ture则会绑定到html的disabled属性
13,依赖注入
value,简单的js对象,用于向控制器传值
factory,一个函数用于返回值,在service和controller需要时创建
provider,没懂
constant,没懂
评论