夺命雷公狗—angularjs—25—angular内置的方法(高级)
查看版本信息
angular.version

console.log(angular.version);

判断是否相等
angular.equals()

var str1 = '';
var str2 = '';
console.log(angular.equals(str1,str2));
var arr1 = [];
var arr2 = [];
console.log(angular.equals(arr1,arr2));
var n1 = NaN;
var n2 = NaN;
console.log(angular.equals(n1,n2));

forEach遍历
angular.forEach

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body>
</body>
<script>
var arr = ['aaa','bbb','ccc'];
angular.forEach(arr,function(val,i){
console.log(val+'---------'+i);
});
console.log('-------------------------------'); var objj = { "name":"lisi","age":"80","sex":'1' }
angular.forEach(objj,function(val,i){
console.log(i+'------'+val);
}) var objj2 = { "name":"lisi","age":"80","sex":'1' }
var result = [];
angular.forEach(objj2,function(val,i){
this.push(i+'---'+val);
},result);
console.log(result);
</script>
</html>

fromJson 和 toJson

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body>
</body>
<script>
//源生的JSON.parse(),json转字符串 JSON.stringify()字符串转json
//angular里面的:
//angular.fromJson[str] 字符串转json
//angular.toJson[json,[true]] json转字符串
var str = '{"name":"lisi","age":"50"}';
var json = angular.fromJson(str);
console.log(json); var str2 = {"name":"lisi","age":"50"};
var json2 = angular.toJson(str2);
console.log(json2); var json3 = angular.toJson(str2,true); //加true即可实现格式化显示输出
console.log(json3); </script>
</html>

angular里面也是封装了一套有点类似jquery里面的方法:
element

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body>
<div id="dd">aaa</div>
</body>
<script>
var dd = document.getElementById('dd');
//angularjs里面封装了一套类似jquery的方法
angular.element(dd).css('background','red'); </script>
</html>

我们在angularjs 的官网上可以看到jquery的方法的确是封装了不少的。。。
https://docs.angularjs.org/api/ng/function/angular.element

run方法这样可以实现少点控制器,但坏处是值都挂载在全局作用域下的,如挂载在局部作用域下则会报错

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body>
<div>{{name}}</div>
</body>
<script>
var app = angular.module('myapp',[]);
app.run(['$rootScope',function($rootScope){
$rootScope.name = 'hello';
}]);
</script>
</html>

夺命雷公狗—angularjs—25—angular内置的方法(高级)的更多相关文章
- 夺命雷公狗—angularjs—6—单条数据的遍历
我们在实际的工作中常常会处理到一些数据的遍历,这些数据都是后端传到前端的,有些公司会让前端帮忙处理一点遍历的工作,废话不多说,直接上代: <!doctype html> <html ...
- 夺命雷公狗—angularjs—18—angularjs的事件
对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等.但是我们这里说的angular中的事件和DOM事件并不是一个东西. 事件的发布 我们可以通过 $emit() 以及 ...
- 夺命雷公狗—angularjs—10—angularjs里面的内置函数
我们没学一门语言或者框架,几乎里面都有各自的语法和内置函数,当然,强悍的angularjs也不例外,他的方法其实常用的没多少,因为很多都可以用源生jis几乎都能完成一大部分.. <!doctyp ...
- 夺命雷公狗—angularjs—4—继承和修正继承
angularjs 中也有继承的方法,废话不多说,看代码: <!doctype html> <html lang="en"> <head> &l ...
- 夺命雷公狗—angularjs—15—内置封装好的计时器$interval和$timeout
这里其实和js源生的效果是一样的,但是源生的在angularjs里面不能直接正常执行代码如下所示: <!DOCTYPE html> <html lang="en" ...
- 夺命雷公狗—angularjs—24—extend继承对象
我们的angularjs中也是给我们留下了方法来做继承的,那么他就是传授中的extend... 不过要如下所示,第二个参数是继承到第一个对象里面的... <!DOCTYPE html> & ...
- 夺命雷公狗—angularjs—23—copy拷贝对象
copy这在angularjs中是一个拷贝对象的方法: <!DOCTYPE html> <html lang="en" ng-app="myapp&qu ...
- 夺命雷公狗—angularjs—22—bind改指向和传参方式
在angularjs中的传参的jquery的方式是极度相似的噢,而且还可以通过bind来改变指向 <!DOCTYPE html> <html lang="en" ...
- 夺命雷公狗—angularjs—16—angularjs里面的缓存
强大的angularjs也给我们预留了一套他的缓存机智,这样在某个程度上来说还是可以做到减轻一点服务器压力的.... <!DOCTYPE html> <html lang=" ...
随机推荐
- copy构造函数的秘密
1.先来看这段代码: MyString::MyString(){ this->mstr = NULL;} MyString::MyString(MyString &str){ //用一个 ...
- 1058 N的阶乘的长度
1058 N的阶乘的长度 基准时间限制:1 秒 空间限制:131072 KB 输入N求N的阶乘的10进制表示的长度.例如6! = 720,长度为3. Input 输入N(1 <= N <= ...
- Subset---poj3977(折半枚举+二分查找)
题目链接:http://poj.org/problem?id=3977 给你n个数,找到一个子集,使得这个子集的和的绝对值是最小的,如果有多种情况,输出子集个数最少的: n<=35,|a[i]| ...
- Java学习-036-JavaWeb_005 -- JSP 动作标识 - forward
JSP 动作主要作用是根据指定的动作进行相应的处理. 一.param 动作 用来给 HTML 文件和 JSP 文件传递参数的,经常和 forward.include.plugin 动作结合使用,语法格 ...
- TTL和CMOS
reprint from:http://blog.csdn.net/hemeinvyiqiluoben/article/details/9253249 TTL和COMS电平匹配以及电平转换的方法 一. ...
- OC面向对象—多态
OC面向对象—多态 一.基本概念 多态是基于继承的基础之上的,多态可以使得父类的指针指向子类的对象.如果函数或参数中使用的是父类类型,可以传入父类.子类对象,但是父类类型的变量不能直接调用子类特有的方 ...
- Python模块(radom)
radom radom模块提供了随机生成对象的方法 Help on module random: NAME random - Random variable generators. FILE /usr ...
- Visual Studio 2015 + IIS Express 10.0 调试 ASP.NET 项目
参考资料: https://msdn.microsoft.com/zh-cn/library/58wxa9w5(v=vs.120).aspx 首先搭建环境, 也就是用 IIS Express 配置一个 ...
- ios-chart 不支持渐变的底色 --- 后面支持了渐变
https://github.com/danielgindi/ios-charts/issues/186 后话,最近库更新了,可以支持渐变色
- First learning operation system
1,操作系统负责管理硬件资源,为应用程序的开发执行提供基础 2,用户空间包括应用程序,只能通过调用系统调用访问硬件,无法访问更小粒度功能 3,设备驱动程序函数和内核子系统的函数对用户不可见 4,操作系 ...