angular学习笔记
1、forEach
arr:参数是key,index
json:与jquery相反,参数是value,key
2、str-->json
JSON.parse() angular.fromJson()
json-->str
JSON.stringify() angular.toJson() 后面跟一个true,会转换成json形式的字符串,方便查看
3、copy(),extend(),merge()的区别
angular.copy(source, [destination]);
1、如果destination省略,则创建出一个对象或数组
2、如果destination存在,删除destination里的所有属性,把source里的所有属性深copy过来
3、如果source不是对象或数据(如:null或undefined),直接return source
4、如果source和destination一样,则抛出异常
angular.extend(dst, src);
和jquery中的$.extend(dst,src)一样
angular.merge(dst,src);
和jquery中的$.extend(true,dst,src)一样
注:copy和(extend|merge)中的参数是相反的。
4、angular.identity(value) 直接返回传入的值,即value
function transformer(transformationFn, value) {
return (transformationFn || angular.identity)(value);
};
//相当于如下
if (transformationFn){
return transformationFn(value)
} else {
return value
}
5、angular.noop(),什么都不操作
function foo(callback) {
var result = calculateResult();
(callback || angular.noop)(result);
}
//有callbak,则执行callback函数,没有则什么都不操作
6、$filter('orderBy')(array,expression,reverse)
第三个参数,排序是正序还是反序,不写或者false为正序,true为反序
7、ng-repeat
$index :从0开始
$even:第一个偶数为true
8、$filter('filter')(array,expression,comparator)
array:souce
expression:
1、string: 字符串或者对象字符串属性
前面加上“!”会取反向
2、object:{name:'M',phone:'1'},会找name为M并且phone为1,只能找同级的
{$:'text},会找任意属性为text,可以找到嵌套的
{name:'!M'},会找name不为M的
3、function(value,index,array){}:
value为每一个值
index为索引
array为整个大的数组
return true为找到
comparator:
1、function(actual,expected){}:
true为找到,actual为每次进来的值,有可能是string或者object,expected为希望找到的值(即:第二个参数中的expression)
2、true
严格,即return angular.equals(actual,expected),全等(区别大小写)
3、false|undefined
模糊,不区分大小写
angular学习笔记的更多相关文章
- angular学习笔记(三十一)-$location(2)
之前已经介绍了$location服务的基本用法:angular学习笔记(三十一)-$location(1). 这篇是上一篇的进阶,介绍$location的配置,兼容各版本浏览器,等. *注意,这里介绍 ...
- angular学习笔记(三十一)-$location(1)
本篇介绍angular中的$location服务的基本用法,下一篇介绍它的复杂的用法. $location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录. 一. 获取url的 ...
- angular学习笔记(三十)-指令(10)-require和controller
本篇介绍指令的最后两个属性,require和controller 当一个指令需要和父元素指令进行通信的时候,它们就会用到这两个属性,什么意思还是要看栗子: html: <outer‐direct ...
- angular学习笔记(三十)-指令(7)-compile和link(2)
继续上一篇:angular学习笔记(三十)-指令(7)-compile和link(1) 上一篇讲了compile函数的基本概念,接下来详细讲解compile和link的执行顺序. 看一段三个指令嵌套的 ...
- angular学习笔记(三十)-指令(7)-compile和link(1)
这篇主要讲解指令中的compile,以及它和link的微妙的关系. link函数在之前已经讲过了,而compile函数,它和link函数是不能共存的,如果定义了compile属性又定义link属性,那 ...
- angular学习笔记(三十)-指令(6)-transclude()方法(又称linker()方法)-模拟ng-repeat指令
在angular学习笔记(三十)-指令(4)-transclude文章的末尾提到了,如果在指令中需要反复使用被嵌套的那一坨,需要使用transclude()方法. 在angular学习笔记(三十)-指 ...
- angular学习笔记(三十)-指令(5)-link
这篇主要介绍angular指令中的link属性: link:function(scope,iEle,iAttrs,ctrl,linker){ .... } link属性值为一个函数,这个函数有五个参数 ...
- angular学习笔记(三十)-指令(2)-restrice,replace,template
本篇主要讲解指令中的 restrict属性, replace属性, template属性 这三个属性 一. restrict: 字符串.定义指令在视图中的使用方式,一共有四种使用方式: 1. 元素: ...
- angular学习笔记(三十)-指令(1)-概述
之前在 angular学习笔记(十九)-指令修改dom 里面已经简单的提到了angular中的指令,现在来详细的介绍 '指令' 一.指令的创建: dirAppModule.directive('dir ...
- angular 学习笔记
每天进步一点点,学习笔记 笔记来自 angular权威指南 如果想要屏蔽浏览器对表单的默认验证行为,可以在表单元素上添加 novalidate 标记. 而按钮标签则完全忽略 hr e f 属性,并不 ...
随机推荐
- sql 清除日志空间
USE DBCenter GO SELECT file_id, name FROM sys.database_files; 查找日志名称 USE DBCenter ; GO ALTER DATABAS ...
- Service Manager 2012
部署Service Manager 2012遇到的2个问题 上周装了个Service Manager 2012学习,以便完善System Center整个解决方案,在部署期间遇到2个问题,花了我不少时 ...
- C#如何判断线程池中所有的线程是否已经完成之Demo
start: System.Threading.RegisteredWaitHandle rhw = null; new Action(() => { ; i < ; i++) { new ...
- jQuery Easing 动画效果扩展
jQuery API提供了简单的动画效果如淡入淡出以及自定义动画效果,而今天我给大家分享的是一款jQuery动画效果扩展增强插件jquery.easing.js,使用该插件可以实现直线匀速运功.变加速 ...
- 什么时候用spring
论公司spring的滥用 这个公司每个项目用不同的一套开发框架,实在忍不住拿一个出来说说事.
- 转载:JavaScript多线程编程简介
虽然有越来越多的网站在应用AJAX技术进行开发,但是构建一个复杂的AJAX应用仍然是一个难题.造成这些困难的主要原因是什么呢?是与服务器的异步通信问题?还是GUI程序设计问题呢?通常这两项工作都是由桌 ...
- Android: Type Method 'NewStringUTF' could not be resolved
编译一个最简单的Android NDK 例子(android-ndk-r8/samples/hello-jni)出现了错误信息:Type Method 'NewStringUTF' could n ...
- 类classthe Meta-Object Compiler (moc)
本文是一篇关于类class的帖子 the Meta-Object Compiler (moc) 元对象编译器是处理Qt的C++扩展的程序. moc工具读取C++头文件,如果它找到一个或者多个类声明包含 ...
- Android开发华为手机无法看log日志解决方法
Android开发华为手机无法看log日志解决方法 上班的时候,由于开发工具由Eclipse改成Android Studio后,原本的华为手机突然无法查看崩溃日志了,大家都知道,若是无法查看日志要它毛 ...
- 驱动10.nor flash
1 比较nor/nand flash NOR NAND接口: RAM-Like,引脚多 引脚少, ...