<!DOCTYPE HTML>

<html ng-app>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

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

<script>

//angular.bind(); -> $.proxy() : 改this指向

function show(n1,n2){

    alert(n1);

    alert(n2);

    alert(this);

}

angular.bind(document,show,)();//改变show函数的this指向，

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

var a = {name : 'hello'};

var b = {age : ''};

var c = angular.copy(a,b);   //a把所有值覆盖给了b

console.log(b);

//angular.extend();   //对象继承

var a = {

    name : 'hello'

};

var b = {

    age : ''

};

var c = angular.extend(b,a); //c有

console.log(b);

</script>

</head>

<body>

</body>

</html>
<!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>

<script>

var a = [];

console.log(angular.isArray(a));//是不是数组

window.onload = function(){

    console.log(angular.isElement( document.body ));

    console.log(angular.isElement( $(document.body) ));

};

console.log(angular.version);

var a = NaN;

var b = NaN;

console.log(angular.equals(a,b));

var values = ['a','b','c'];

var values = {'name':'hello','age':''};

var result = [];

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

    console.log(value);

    console.log(i);

    this.push( value + i );//this是result

},result);

console.log(result);

//JSON.parse() JSON.stringify()

var str = '{"name":"hello","age":"20"}';

var json = angular.fromJson(str);

console.log(json);

var json = {"name":"hello","age":""};

var str = angular.toJson(json,true);

console.log( str );

//angular.identity/noop

var str = 'hello';

console.log(angular.identity(str));  //hello

function identity(str){

    return str;

}

console.log(angular.noop());  //undefined

function noop(){

}

console.log(angular.uppercase('hello'));

</script>

</head>

<body>

<div id="div1">aaaaaaaa</div>

<script>

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

$('#div1').css('background','red');

//angular.element === $

</script>

</body>

</html>
<!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){//定义Aaa控制器的函数，

    $scope.name = 'hello';

}]);

m2.controller('Bbb',['$scope',function($scope){

    $scope.name = 'hi';

}]);

document.onclick = function(){

    var aDiv = document.getElementsByTagName('div');

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

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

};

</script>

</head>

<body>

<div ng-controller="Aaa">

    <p>{{name}}</p>

</div>

<div ng-controller="Bbb">

    <p>{{name}}</p>

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

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

<script>

function Aaa($scope,$timeout){

    $scope.name = 'hello';

    setTimeout(function(){

        //$scope.name = 'hi';

        $scope.$apply(function(){//$apply针对数据变化有用

            $scope.name = 'hi';

        });

    },);

    $timeout(function(){

        $scope.name = 'hi';

    },);

    $scope.show = function(){

        $scope.name = 'hi';

    };

}

</script>

</head>

<body>

<!--<div ng-controller="Aaa" ng-click="name='hi'">-->

<div ng-controller="Aaa" ng-click="show()">

    <p>{{name}}</p>

</div>

</body>

</html>
<!DOCTYPE HTML>

<html ng-app="myApp">

<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('myApp',[]);

/*m1.controller('Aaa',['$scope',function($scope){//控制器的函数

    $scope.name = 'hello';

}]);

m1.controller('Bbb',['$scope',function($scope){

    $scope.name = 'hi';

}]);*/

m1.run(['$rootScope',function($rootScope){  //

    $rootScope.name = 'hello';

}]);

console.log( m1 );

</script>

</head>

<body>

<div>

    <p>{{name}}</p>

</div>

</body>

</html>

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

  1. angularjs工具方法

    1.angular.extend var dst = {name: 'xxx', country: 'China'}; var src1 = {name: 'yyy', age: 10}; var s ...

  2. angularjs——工具方法

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

  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. Java基础学习总结（47）——JAVA输入输出流再回忆

    一.什么是IO Java中I/O操作主要是指使用Java进行输入,输出操作. Java所有的I/O机制都是基于数据流进行输入输出,这些数据流表示了字符或者字节数据的流动序列. Java的I/O流提供了 ...

  2. NYIST 677 碟战

    碟战时间限制:2000 ms | 内存限制:65535 KB难度:4 描述知己知彼,百战不殆!在战争中如果被敌人掌握了自己的机密,失败是必然的.K国在一场战争中屡屡失败,就想到自己的某些城市可能会有敌 ...

  3. Nutch的配置（使用MySQL作为数据存储）

    首先先从http://www.apache.org/dyn/closer.cgi/nutch/下载安装包 这里假定nutch的根目录为:${APACHE_NUTCH_HOME} 配置${APACHE_ ...

  4. 亚马逊AWS学习——多网络接口下配置EC2实例连接公网的一个“bug”

    转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/47667627 本文出自[我是干勾鱼的博客] 之前在<亚马逊AWS学习--E ...

  5. jsp的凝视可能会影响页面载入速度

    在jsp页面使用"<!-- -->"的凝视,凝视里面的java代码还是会得到运行,能够再查看页面源码上看到运行完毕的内容,这样就会让不希望运行的代码得到运行.影响载入速 ...

  6. 一些.NET 项目中经常使用的类库

    Web自己主动化測试   Watin Selenium  Selenium git .net 集合类扩展实现C5 Subscriber/Publisher 模式 Rx Nats 防御式编程 断言库 流 ...

  7. HDU5638 / BestCoder Round #74 (div.1) 1003 Toposort 线段树+拓扑排序

    Toposort   问题描述 给出nn个点mm条边的有向无环图. 要求删掉恰好kk条边使得字典序最小的拓扑序列尽可能小. 输入描述 输入包含多组数据. 第一行有一个整数TT, 表示测试数据组数. 对 ...

  8. node14---分层结构数据库操作

    /**回调函数(函数作为参数): 0. 外层函数调用的地方,一定是外层函数体先执行,回调函数和普通函数地址一样,然后看函数体规定回调函数怎么执行. 1. 异步时候使用回调函数, 无论是否异步,回调函数 ...

  9. Linux就该这么学 20181004(第六章磁盘管理)

    参考链接https://www.linuxprobe.com/ /boot 开机锁需要文件-内核.开机菜单以及所需配置文件 /dev 以文件形式存放的任何设备与接口 /etc 配置文件 /home 用 ...

  10. java布局管理

    FlowLayout :组件在一行中按加入的先后顺序从左至右水平排列,排满后折行,每行中的组件都居中排列.BorderLayout:把容器空间划分为北.南.西.东.中五个区,每加入一个组件都应说明把这 ...