夺命雷公狗—angularjs—25—angular内置的方法(高级)
2016-08-24 16:07
555 查看
查看版本信息
判断是否相等
angular里面也是封装了一套有点类似jquery里面的方法:
element
我们在angularjs 的官网上可以看到jquery的方法的确是封装了不少的。。。
run方法这样可以实现少点控制器,但坏处是值都挂载在全局作用域下的,如挂载在局部作用域下则会报错
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—19—angular-route
- 夺命雷公狗—angularjs—3—表单验证的高级用法
- 夺命雷公狗—angularjs—15—内置封装好的计时器$interval和$timeout
- 夺命雷公狗---javascript NO:25 属性的遍历、删除与成员方法
- 夺命雷公狗ThinkPHP项目之----企业网站25之网站前台面包屑导航URL的完善
- AngularJS使用angular.bootstrap完成模块手动加载的方法分析
- angularjs内置的方法
- angularJS之angular-datatable的方法
- angular.element方法汇总(转)以及AngularJS 动态添加元素和删除元素
- 夺命雷公狗—angularjs—22—bind改指向和传参方式
- JSON数据转化总结以及angular内置的转化方法
- 夺命雷公狗—angularjs—1—三种数据版定方式
- 夺命雷公狗—angularjs—8—ng-class的简单用法
- 夺命雷公狗—angularjs—6—单条数据的遍历
- 夺命雷公狗—angularjs—24—extend继承对象
- angular.element方法汇总以及AngularJS 动态添加元素和删除元素
- 夺命雷公狗—angularjs—5—ng-switch的用法实现下拉更换板块的实现
- 夺命雷公狗—angularjs—12—get参数的接收
- 夺命雷公狗PHP-----4--常量和内置常量(魔术常量)
- AngularJS Directives Cookbook.pdf(AngularJS 指令高级教程电子书免费下载)