angularJs方法

时间：2017-09-16 13:28:33 阅读：223 评论：0 收藏：0 [点我收藏+]

标签：bind upper 参数 nat 补充 null span com 工具

angularJs的工具方法

技术分享

1.angular.iaArray()

技术分享

返回true;

2. angular.iaElement()

支持判断JQ获取到的对象

技术分享

3.angular.equals(a,b)

判断两个参数是否相等；

var a=2;
var b=2;
console.log(angular.equals(a,b));//true
var c=[];
var d=[];
console.log(angular.equals(c,d));//true
var c=[1,2];
var d=[1];
console.log(angular.equals(c,d));//false
var e=NaN;
var f=NaN;
console.log(angular.equals(e,f));//true

4.angular.forEach()

遍历

var arr = [1,4,5];
angular.forEach(arr,function(val,index){
    console.log(val);//遍历到的值
    console.log(index);//下标
});

var objs={"name":"names","age":"18"}
angular.forEach(objs,function(val,key){
    console.log(val);//遍历到的属性值
    console.log(key);//遍历到的属性名称
});

 

    var objs={"name1":"张三","age1":"18","name2":"李四","age2":"19"};
    var obj2={"key":[],"val":[]};
    angular.forEach(objs,function(val,key){
        console.log(val);//遍历到的属性值
        console.log(key);//遍历到的属性名称
        this.key.push(key);//this指向obj2
        this.val.push(val);
    },obj2);
    console.log(obj2);

//   Object {key: Array[4], val: Array[4]}
//    key:Array[4]
//    0:"name1"
//    1:"age1"
//    2:"name2"
//    3:"age2"
//    
//    val:Array[4]
//    0:"张三"
//    1:"18"
//    2:"李四"
//    3:"19"

5. angular.fromJson() angular.toJson()

技术分享

6.angular.identity()

该函数的作用：返回的值为传入的参数；

angular.noop();返回值为undefined;实际上是一个空函数；

这两个函数一般用做默认操作。

技术分享

7.大小写转换

angular.lowercase(); 转换成小写

angular.uppercase();转换成大写

8.angular.element()

技术分享

此时如果引入jquery,angular内部视为angular.element ===$；

上述代码可以写为$(“oDiv”).css(‘background’,’red’);

9.angular.bind();

技术分享

10.angular.copy();拷贝对象

angular.copy(source, [destination]);

如果省略了destination，一个新的对象或数组将会被创建出来；如果提供了destination，则source对象中的所有元素和属性都会被复制到destination中；如果source不是对象或数组（例如是null或undefined）, 则返回source；如果source和destination类型不一致，则会抛出异常。

参数名称	参数类型	描述
source	*	被copy的对象. 可以使任意类型, 包括null和undefined.
destination (optional)	Object\|\|array	copy去的目的地. 可以省略, 如果不省略, 其必须和source是同类

var a = {name:‘kitty‘,age:18};
var b = a;//浅拷贝
b.age = 20;
console.log(a.age,b.age);//20  20
var c = {name:‘kitty‘,age:18};
var d = angular.copy(a);//深拷贝
d.age = 20;
console.log(c.age,d.age);//18  20

浅拷贝：仅仅复制对象的引用，而不是对象本身，改变任何一个的属性值，另一个都会跟着改变；
深拷贝：把复制的对象所引用的全部对象都复制一遍，两个互相不受影响；

此处补充一点js对象深拷贝方法：

  var newArr = [];
            var arr = [
                { name: "xxx", age: 22 },
                { name: "yyy", age: 21 },
                { name: "zzz", age: 23 },
                { name: "www", age: 24 }
            ];
            $.each(arr, function (i, e) {
                var obj = {};
                $.each(e, function (k, v) {
                    obj[k] = v;
                });
                newArr.push(obj);
            });

11.angular.extend();对象聚合

var a = {‘x‘: ‘123‘};
var b = {‘xx‘: ‘456‘};
angular.extend(b, a);
console.log(b);//{‘x‘: ‘123‘,‘xx‘: ‘456‘}

12.angular.bootstarp();

初始化模块

技术分享

多次初始化调用

技术分享

angularJs方法

标签：bind upper 参数 nat 补充 null span com 工具

原文地址：http://www.cnblogs.com/SPHmomo/p/7530869.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行