angularjs 工具方法
2024-06-03 23:03:32
<!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,3)(4);//改变show函数的this指向，//angular.copy(); //拷贝对象
var a = {name : 'hello'};
var b = {age : '20'};
var c = angular.copy(a,b); //a把所有值覆盖给了b
console.log(b);//angular.extend(); //对象继承
var a = {name : 'hello'
};
var b = {age : '20'
};
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':'20'};
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":"20"};
var str = angular.toJson(json,true);
console.log( str );
//angular.identity/noopvar 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[0],['myApp1']);angular.bootstrap(aDiv[1],['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';});},2000);$timeout(function(){$scope.name = 'hi';},2000);$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 工具方法相关推荐
- JavaScript文件中调用AngularJS内部方法或改变$scope变量
需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controll ...
- java sql in语句_Java字符串转Sql语句In格式工具方法
/** * 工具-字符串-转换Sql查询IN中使用的格式 * 效果:a,b==>'a','b' * @param str * @return */ public String strToDbin ...
- jQuery_$工具方法
jQuery_$工具方法 1.$.each():遍历数组或对象中的数据 2.$.trim():去除字符串两边的空格 3.$.type(obj):得到数据的类型 4.$.isArray(obj):判断是 ...
- jQuery笔记之工具方法extend插件扩展
jQuery工具方法 $.extend()插件扩展(工具方法) $.fn.extend()插件扩展(实例方法) 浅度克隆.深度克隆 两个方法基本是一样的,唯一不同的就是调用方式不一样 -------- ...
- jquery1.43源码分析之工具方法
相关文章: jQuery插件开发全解析 读jq之四 jquery1.43源码分析之核心部分 推荐圈子: Jquery 更多相关推荐 这个部分是jquery一些常用的工具方法. 包括为jquery对象扩 ...
- jQuery工具方法
目录 常用工具方法 判断数据类型的方法 Ajax操作 $.ajax 简便写法 Ajax事件 返回值 JSONP 文件上传 参考链接 jQuery函数库提供了一个jQuery对象(简写为$),这个对象本 ...
- java常用的发送http请求的工具方法
java常用的HttpURLConnection 方式发送http请求的工具方法 需要的jar包有jsp-api.jar .servlet-api.jar .dom4j.jar package cn. ...
- java把一个list_java中将一个List等分成n个list的工具方法(推荐)
实例如下: /** * 将一个list均分成n个list,主要通过偏移量来实现的 * @param source * @return */ public static List> average ...
- 102.怎么学好软件工程？软件工程 = 工具 + 方法 + 过程
文章目录 3.怎么学好软件工程? (1)首先必须了解一下软件工程的道.术.器 (2)软件工程知识全景图 (3)何为工具?何为方法?何为过程? 1️⃣ 什么是过程? 2️⃣ 什么是方法? 3️⃣ 什么是 ...
最新文章
- 搭建SpringBoot、Jsp支持学习笔记
- 软件调试学习笔记（六）—— 硬件断点
- mc有什么红石机器人_mc：作为一个mc萌新应该掌握哪些基本功？还需要知道些什么？...
- Spark SQL在100TB上的自适应执行实践
- 经典查找算法及其Python实现
- PHP textarea防止拖动,textarea dom元素 防止滚动冒泡
- 铝电解电容总结[转]
- 【15】一切都是对象
- NOIP2016愤怒的小鸟 题解报告 【状压DP】
- [JavaScript]面向对象编程
- 《Google Go: A Primer》学习笔记
- java实现爬虫_手把手教你从零开始用Java写爬虫
- tp6加载静态资源文件
- vue-meta实现router动态设置meta标签
- LT.852二分法查找指定数字，绝对值最小的数
- linux安装gcc5.4教程,arm-linux-gcc-5.4.0安装方法
- java周总结1113_流总结_序列化_xml_html
- 滁州学院元旦晚会计算机,滁州学院机械学院2017元旦晚会精彩上演
- java char定义为空_java – 检查char是否为空
- mysql数据库 auto_increment_mysql学习笔记（二：中的auto_increment 理解