angularjs 工具方法
<!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 工具方法的更多相关文章
- angularjs工具方法
1.angular.extend var dst = {name: 'xxx', country: 'China'}; var src1 = {name: 'yyy', age: 10}; var s ...
- angularjs——工具方法
1.fromJson 把json字符串转成JSON对象 var jsonStr='[{"Name":"abc","age":12},{&qu ...
- javascript 的工具方法 --- 类型判断
Javascript中常见类型对象有: Boolean, Number, String, Function, Array, Date, RegExp, Object, Error, Symbol等等. ...
- JQuery操作类数组的工具方法
JQuery学习之操作类数组的工具方法 在很多时候,JQuery的$()函数都返回一个类似数据的JQuery对象,例如$('div')将返回div里面的所有div元素包装的JQuery对象.在这中情况 ...
- 当AngularJS POST方法碰上PHP
问题描述 怎么POST过去给PHP都收不到资料? $_POST方法取不到正确的传入值! 原理说明 AngularJS这套framework使用的AJAX方法中,资料传递的格式为JSON,送出去的hea ...
- jQuery工具方法
目录 常用工具方法 判断数据类型的方法 Ajax操作 $.ajax 简便写法 Ajax事件 返回值 JSONP 文件上传 参考链接 jQuery函数库提供了一个jQuery对象(简写为$),这个对象本 ...
- jQuery晦涩的底层工具方法们
这里整理的是jQuery源码中一些比较晦涩难懂的.内部的.最底层的工具方法,它们多为jQuery的上层api方法服务,目前包括: jQuery.access jQuery.access: functi ...
- angular的工具方法笔记(equals, HashKey)
分别是angular脏值检测的工具方法equals和 类HashKey的使用方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi ...
- JavaScript文件中调用AngularJS内部方法或改变$scope变量
需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controll ...
随机推荐
- Docker可视化管理工具对比(DockerUI、Shipyard、Rancher、Portainer)
1.前言 谈及docker,避免不了需要熟练的记住好多命令及其用法,对于熟悉shell.技术开发人员而言,还是可以接受的,熟练之后,命令行毕竟是很方便的,便于操作及脚本化.但对于命令行过敏.非技术人员 ...
- 【IPC进程间通讯之三】内存映射文件Mapping File
IPC进程间通信+共享内存Mapping IPC(Inter-Process Communication.进程间通信). 文件映射(Mapping)是一种 ...
- 确保 Xcode 每次 Build 时都自己主动更新资源
參考:p=22" target="_blank">http://quick.cocoachina.com/?p=22 刚建立的quickproject.每次修改lu ...
- python实战之编码问题：中文！永远的痛
编码的思维图谱: 也就是说文件没有编码之说,事实上都是按二进制格式保存在硬盘中的.不过在写入读取时须使用相应的编码进行处理,以便操作系统配合相关软件/字体,绘制到屏幕中给人看.所以关键问题是得知道原先 ...
- HDU 1285--确定比赛名次【拓扑排序 && 邻接表实现】
确定比赛名次 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Sub ...
- 通过Nginx訪问FastDFS文件系统并进行图片文件裁剪的性能測试和分析
前段时间公司的分布式图片文件系统(FastDFS)做了图片裁剪和缩放功能,并把缩放计算和FastDFS做了解耦分离,前端用虚拟机作为图片文件缩放的訪问代理层(Nginx Proxy),后端使用ngin ...
- CC2540/CC2541 : Set the Peripheral Being Advertising while It is Being Connected
There is possible to set your CC254X be scanable when it is in connection. But, based on my test,the ...
- PHP第八课 字符串拆分经常使用函数
课程概要: 通过这节课可以对字符串进行主要的操作. 字符串知识点: 1.字符串的处理介绍 2.经常使用的字符串输出函数 3.经常使用的字符串格式化函数 4.字符串比較函数 5.正則表達式在字符串中的应 ...
- ubuntu 搜狗输入法的安装
本文主要解决的是,通过安装搜狗网站提供的*.deb安装文件,使用ctrl+shift/space无法切换搜狗输入法的问题. 搜狗输入法 for linux:搜狗输入法 for linux,这还不算完: ...
- 图论之tarjan缩点
缩点,就是把一张有向有环图中的环缩成一个个点,形成一个有向无环图. 首先我介绍一下为什么这题要缩点(有人肯定觉得这是放屁,这不就是缩点的模板题吗?但我们不能这么想,考试的时候不会有人告诉你打什么板上去 ...