发表于: 2016-09-28 00:54:41

1 1854


WEB前端任务所学习到的与现做项目:

 

     在学员任务中,由于刚做完task6,刚开始task7,就开始跟草船云项目,angular的基础非常不扎实,这几天一直在恶补。

原以为可以边看项目代码,边看书百度就可以慢慢跟上进度。结果还是非常吃力。。。还不太习惯angular的数据绑定,思维还留在JQ那种先获取修改再复写,想逻辑总会回到JQ那种方法,修改了数据但先不写回去这种做法就比较麻烦了

 

以下笔记

 1ng-app定义应用,ng-controller定义控制器;

     2{{}}ng-bind 表达式,后者可以避免JS未加载而被用户看见,表达式支持操作符、变量,不支持判断、循环、异常;

     3,指令是扩展html属性,angular封装的指令以ng-开始,自定义指令不应该使用这样的开始,参考手册

               http://www.runoob.com/angularjs/angularjs-reference.html 

     4ng-repeat 重复一个html元素,item in items

     5.directive 方法用于添加自定义的指令。在JS中使用驼峰命名,在HTML中使用-短线连接;

     6,可以通过元素、属性、类名、注释调用指令,通过设置restrict的值选择调用指令的方法,E-元素,A-属性,C-类名。M-注释;

     7ng-model,创建一个数据模型,可以基于数据模型对应用数据进行验证;

     8angularJS过滤器,使用    |    连接;

     9,服务是一个函数或对象,需要使用时注入到controller中,angular内封装了很多服务

          $location,用于监听和操作URL

          $http,向服务器发出请求和响应请求

          $timeout$interval , 计时器

          使用.service方法可以创建自定义服务

     10ng-option创建一个下拉菜单,语法,ng-option = “x for x in items”,选中的值是一个对象

               也可以使用ng-repeat重复HTMLoption标签来创造下拉菜单,选中的值是一个字符串

     11ng-repeat 提供使用的变量,

               $index,当前item的索引号

               $first,当前item是第一个则为true

               $middle 当前item既不是第一个也不是最后一个,则为true

               $last 当前item是最后一个,则为ture

               $even 索引为偶数则为ture否则为false

               $odd 索引为奇数则为ture,否则false

     12ng-disabled ture则会绑定到htmldisabled属性

     13,依赖注入

               value,简单的js对象,用于向控制器传值

               factory,一个函数用于返回值,在servicecontroller需要时创建

               provider,没懂

               constant,没懂

 



返回列表 返回列表
评论

    分享到