1、angular.extend

　　var dst = {name: 'xxx', country: 'China'};
　　var src1 = {name: 'yyy', age: 10};
　　var src2 = {sex:'famale',height:'tall'};
　　angular.extend(dst,src1,src2);//You can specify multiple src objects.可以指定多个源对象
　　console.log(dst);

　　console.log(src1);

　　

　　从输出结果可以看出如果源元素中有与destination中相同的元素属性时，destination中的属性值会被覆盖

2、angular.toJson

　　

　　angular.toJson()中第二个参数为true时，代表将json形式的string格式化；

　　

　　格式化后更清晰。

3、angular.forEach　　

　　

     var values = {name: 'misko', gender: 'male'};

　　var log = [];

　　angular.forEach(values,function(value,key){

　　　　console.log(value + ' ' + key);

　　　　console.log(this);//此处this指log数组

　　　　this.push(key + ":" + value);

　　},log);

　　console.log(log);

　　

　　在forEach中this指的是第三个参数，要将数据放入的对象。

上面的对象只需要循环一次就可以，而下面的数据则需要循环两次：

　　　　　　　　　　　　var values2 = [

                        {name: 'misko', gender: 'male'},

                        {name: 'Amy', gender: 'female'}

                    ];

                    var log2 = [];

                    angular.forEach(values2,function(value,key){

                        console.log(key);//0 1

                        console.log(value);//Object {name: "misko", gender: "male"}    Object {name: "Amy", gender: "female"}

                        angular.forEach(value,function(val,k){

                            console.log(k);//name,gender,name,gender

                            console.log(val);//misko male Amy female

                            console.log(this);//

                            this.push(k + ":" + val);

                        },log2);//存放数据的对象要放在内部循环中

                        console.log(log2);//["name:misko", "gender:male", "name:Amy", "gender:female"]

                    });

4、angular.bind

　　传递参数的方法：

　　　　第一种：

　　　　　　

var ele = {"name":"Amy"};

var bind = angular.bind(ele,function(age){

          console.log(this);

          console.log(this.name + ' is ' + age);

});

bind(25);

　　

　　　　第二种：

var ele = {"name":"Amy"};

var bind = angular.bind(ele,function(job){

        console.log(this);

        console.log(this.name + ' is ' + job);

},'a marketer');//传递参数方法二

bind();

　　

5、angular.bootstrap

　　angular.bootstrap手动初始化module，一个应用只能有一个ng-app，而通过angular.bootstrap可以手动启动多个module，实例如下：

    <div id="div1" ng-controller="myCtrl1">

        {{name}}

    </div>

    <div id="div2" ng-controller="myCtrl2">

        {{name}}

    </div>

    <script src="../angular.min.js"></script>

    <script>

        var myapp1 = angular.module('myApp1',[]);

        var myapp2 = angular.module('myApp2',[]);

        myapp1.controller('myCtrl1',['$scope',function($scope){

            $scope.name="zhangsan";

        }]);

        myapp2.controller('myCtrl2',['$scope',function($scope){

            $scope.name="lisi";

        }]);

        var div1 = document.getElementById('div1');

        var div2 = document.getElementById('div2');

        angular.element(document).ready(function(){//此页面没有使用ng-app指定任一module，而是动态添加

            angular.bootstrap(div1,['myApp1']);

            angular.bootstrap(div2,['myApp2']);

        });

        /*window.onload = function(){//整个页面加载完成时

            angular.bootstrap(div1,['myApp1']);

            angular.bootstrap(div2,['myApp2']);

        }*/

    </script>

　　此段代码中没有指定ng-app，而是通过angular.bootstrap来手动加载module。

　　模块之间相关依赖注入：　

<body ng-app="myApp">

    <div ng-controller="firstCtrl">

        {{name}}

    </div>

    <div ng-controller="secondCtrl">

        {{name}}

    </div>

    <div ng-controller="thirdCtrl">

        {{name}}

    </div>

    <script src="../angular.min.js"></script>

    <script src="module2.js"></script>

    <script>

        angular.module('myApp',['myApp2'])//将myApp2注入到myApp中

                .controller('firstCtrl',['$scope',function($scope){

                    $scope.name="zhangsan";

                }]);

    </script>

</body>

　　module2.js:js文件中定义了模块myApp2和secondCtrl及thirdCtrl

angular.module('myApp2',[])

.controller('secondCtrl',['$scope',function($scope){

    $scope.name="lisi";

}])

.controller('thirdCtrl',['$scope',function($scope){

    $scope.name="wangwu";

}]);

angularjs工具方法的更多相关文章

  1. angularjs——工具方法

    1.fromJson 把json字符串转成JSON对象 var jsonStr='[{"Name":"abc","age":12},{&qu ...

  2. angularjs 工具方法

    <!DOCTYPE HTML> <html ng-app> <head> <meta http-equiv="Content-Type" ...

  3. javascript 的工具方法 --- 类型判断

    Javascript中常见类型对象有: Boolean, Number, String, Function, Array, Date, RegExp, Object, Error, Symbol等等. ...

  4. JQuery操作类数组的工具方法

    JQuery学习之操作类数组的工具方法 在很多时候,JQuery的$()函数都返回一个类似数据的JQuery对象,例如$('div')将返回div里面的所有div元素包装的JQuery对象.在这中情况 ...

  5. 当AngularJS POST方法碰上PHP

    问题描述 怎么POST过去给PHP都收不到资料? $_POST方法取不到正确的传入值! 原理说明 AngularJS这套framework使用的AJAX方法中,资料传递的格式为JSON,送出去的hea ...

  6. jQuery工具方法

    目录 常用工具方法 判断数据类型的方法 Ajax操作 $.ajax 简便写法 Ajax事件 返回值 JSONP 文件上传 参考链接 jQuery函数库提供了一个jQuery对象(简写为$),这个对象本 ...

  7. jQuery晦涩的底层工具方法们

    这里整理的是jQuery源码中一些比较晦涩难懂的.内部的.最底层的工具方法,它们多为jQuery的上层api方法服务,目前包括: jQuery.access jQuery.access: functi ...

  8. angular的工具方法笔记(equals, HashKey)

    分别是angular脏值检测的工具方法equals和 类HashKey的使用方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi ...

  9. JavaScript文件中调用AngularJS内部方法或改变$scope变量

    需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controll ...

随机推荐

  1. IE6下margin时，float浮动产生双倍边距

    今天遇到了一个IE6下的兼容性问题,虽然IE6已经不被大众所期待了,用户也已基本上消失的所剩无几,但是,作为一个问题而存在,我们有必要尝试的去研究一下bug的改善方法 对元素float-left,然后 ...

  2. 最短的可通过编译的C语言程序

    要求:写一个最短的,能通过编译的C语言程序,但不要求能正确运行. 一般人首先想到的是除0.即 int main() { /; } 除0会引发SIGFPE信号(浮点异常). 我们也可以删掉return, ...

  3. git diff命令

    1. 比较两次提交的差异 2. 两个分支之间的比较 3. 暂存区和版本库的比较

  4. JavaScript写一个小乌龟推箱子游戏

    推箱子游戏是老游戏了, 网上有各种各样的版本, 说下推箱子游戏的简单实现,以及我找到的一些参考视频和实例: 推箱子游戏的在线DEMO : 打开 如下是效果图: 这个拖箱子游戏做了移动端的适配, 我使用 ...

  5. Fiddler内置命令

    我猜你肯定忽略了下边这个小黑框: 虽然它不是很显眼,但用好它,会让你的工作效率提高 N 倍! 这跟喜欢 Linux 的朋友一样,肯定更倾向于用一两个命令代替鼠标不断的点点点操作. Fiddler 将每 ...

  6. spoj705 后缀数组求不同子串的个数

    http://www.spoj.com/problems/SUBST1/en/  题目链接 SUBST1 - New Distinct Substrings no tags  Given a stri ...

  7. iOS清理缓存的几种方法

        - (long long) fileSizeAtPath:(NSString*) filePath{ NSFileManager* manager = [NSFileManager defau ...

  8. css-css权威指南学习笔记2

    第二章 选择器 1.在font属性中,只有一种情况下可以使用/来分隔两个特定的关键字,即元素的字体大小/行高. 2.通过把两个类选择器链接在一起,可以选择同时包含这些类名的元素,类名的顺序不限. .w ...

  9. 【BZOJ-2502】清理雪道 有上下界的网络流（有下界的最小流）

    2502: 清理雪道 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 594  Solved: 318[Submit][Status][Discuss] ...

  10. Nodejs系列-01-开篇

    1.解决什么问题 1. 并发连接 举个例子,想象一个场景,我们在银行排队办理业务,我们看看下面两个模型. (1)系统线程模型: 这种模型的问题显而易见,服务端只有一个线程,并发请求(用户)到达只能处理 ...