码迷,mamicode.com
首页 > Web开发 > 详细

angularJs的工具方法3

时间:2015-06-10 06:28:13      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

一、angular.version          判断angular的版本
console.log(angular.version);

 

 

二、angular.equals           判断两个变量是否相等
var a = NaN;
var b = NaN;
console.log(angular.equals(a,b));        //true

var x = 1;
var y = 1;
console.log(angular.equals(x,y));

var c = [];
var d = [];
console.log(angular.equals(c,d));  //两个一样的数组也是相等的,跟js有区别,js判断两个数组是否相等,是根据数组的地址值判断的,两个数组的地址值是不一样的

 

 
 
三、angular.forEach        遍历作用,接收三个参数
    var values = [‘a‘,‘b‘,‘c‘];
    angular.forEach(values,function(value,i){
        console.log(value);  //数组的值
        console.log(i);        //数组的下标
    });   
    var values = {‘name‘:‘hello‘,‘age‘:‘20‘};
    
    //遍历对象
    angular.forEach(values,function(value,i){
        console.log(value);   //是对象属性的值
          console.log(i);            //是对象的属性名称
    });    
    var values = {‘name‘:‘hello‘,‘age‘:‘20‘};
    var result = [];   //定义一个数组,将结果添加到这个数组中      方法中第三个参数就是这个
    
    //遍历对象
    angular.forEach(values,function(value,i){
        this.push( i+"=" + value+"," );
    },result);    
    
    console.log(result);

 


 
 
四、angular.fromJson/toJson               作用是对json进行解析,对字符串的json进行解析/对json进行字符串转换
    var str = ‘{"name":"hello","age":"20"}‘;

    var json = angular.fromJson(str);  //对字符串解析成真正的json对象
    console.log(json);
    var json = {"name":"hello","age":"20"};

    var str = angular.toJson(json,true);   //将json转成字符串    ,第二个参数true,可以换行  也就是将这个字符串格式化
    console.log( str );

 

 

 

 

五、angular.identity/noop           辅助方法,设置默认值
    var str = ‘hello‘;
    console.log(angular.identity(str));    //结果就是hello
    
    //这个方法的实现原理,使用原生js如下
    function identity(str){
        return str;
    }
    console.log(angular.noop());  //结果是undefined
    
    //实现原理,就是一个空的函数
    function noop(){
    }

 

 

 

 

六、angular.lowercase/uppercase          大小写的转换
console.log(angular.uppercase(‘hello‘));    //转换成大写了

 

 
 
 
七、angular.element             获取元素,获取的元素可以进行后续的操作
<!DOCTYPE HTML>
<html ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="jquery-1.11.1.js"></script>
<script src="angular.min.js"></script>
</head>
<body>
<div id="div1">aaaaaaaa</div>
<script>
    var oDiv = document.getElementById(div1);
    
    //$(‘#div1‘).css(‘background‘,‘red‘);
    angular.element(oDiv).css(background,red);
    //angular.element(‘#div1‘).css(‘background‘,‘red‘);
    
    //angular.element === $        //两个恒等
</script>
</body>
</html>

 

 
 
八、angular.bootstrap          动态初始化,HTML标签中可以不写ng-app    使用这个方法进行动态初始化,好处就是当想初始化的时候在进行初始化
 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="angular.min.js"></script>
<script>

    var m1 = angular.module(myApp1,[]);
    var m2 = angular.module(myApp2,[]);
    m1.controller(Aaa,[$scope,function($scope){
        $scope.name = hello;
    }]);
    m2.controller(Bbb,[$scope,function($scope){
        $scope.name = hi;
    }]);
 
    document.onclick = function(){              //点击页面的时候进行动态初始化
        var aDiv = document.getElementsByTagName(div);
        
        angular.bootstrap(aDiv[0],[myApp1]);
        angular.bootstrap(aDiv[1],[myApp2]);
    };
    //通过指令的方式初始化,当在html标签里初始化整体,但是当只初始化一个的时候,可以在需要初始化的标签中加上ng-app="muApp1"   但是当有多个
    //这样的时候只能初始化第一个,下面的不会初始化,所以使用动态初始化比较好
</script>
</head>

<body>
    <div ng-controller="Aaa">
        <p>{{name}}</p>
    </div>
    <div ng-controller="Bbb">
        <p>{{name}}</p>
    </div>
</body>
</html>

 

 

 

九、angular.injector              注册器的一个意思

 

angularJs的工具方法3

标签:

原文地址:http://www.cnblogs.com/LO-ME/p/4564993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!