夺命雷公狗—angularjs—25—angular内置的方法(高级)

查看版本信息

angular.version

夺命雷公狗—angularjs—25—angular内置的方法(高级)

console.log(angular.version);

夺命雷公狗—angularjs—25—angular内置的方法(高级)

判断是否相等

angular.equals()

夺命雷公狗—angularjs—25—angular内置的方法(高级)

    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));

夺命雷公狗—angularjs—25—angular内置的方法(高级)

forEach遍历
angular.forEach

夺命雷公狗—angularjs—25—angular内置的方法(高级)

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

夺命雷公狗—angularjs—25—angular内置的方法(高级)

fromJson  和  toJson   

夺命雷公狗—angularjs—25—angular内置的方法(高级)

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

夺命雷公狗—angularjs—25—angular内置的方法(高级)


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

element

夺命雷公狗—angularjs—25—angular内置的方法(高级)

<!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—25—angular内置的方法(高级)

我们在angularjs 的官网上可以看到jquery的方法的确是封装了不少的。。。

https://docs.angularjs.org/api/ng/function/angular.element

夺命雷公狗—angularjs—25—angular内置的方法(高级)

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

夺命雷公狗—angularjs—25—angular内置的方法(高级)

<!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内置的方法(高级)

上一篇:LightOJ1158 Anagram Division(状压DP)


下一篇:基于jquery的表格动态创建,自动绑定,自动获取值