AngularJS 工具方法以及AngularJS中使用jQuery

2021-06-19 00:10

阅读：345

标签：lan 属性 end -name targe star tle attr 函数

1. AngularJS 工具方法，参考angularjs API https://docs.angularjs.org/api官方文档

(1)angular.isArray(value) 判断是否是数组,返回true/false

[html] view plain copy

div ng-controller="firstController">{{isArray}}div>

[html] view plain copy

$scope.arr=[1,2,3];
$scope.isArray=angular.isArray($scope.arr);

(2)angular.isDate(value) 判断是否是日期类型，返回true/false

(3)angular.idDefined(value) 判断是否被定义了，返回true/false

(4)angular.isElement(node) 判断是否是DOM节点，返回true/false

(5)angular.isFunction(value) 判断是否是Function类型，返回true/false

(6)angular.isNumber(value) 判断是否是Number类型，其中包括NaN,Infinity和-Infinity，返回true/false

(7)angular.isObject(value) 判断是否是Object类型，Array是Objct类型，Null不是Object类型，返回true/false

(8)angular.isString(value) 判断是否是字符串类型，返回true/false

(9)angular.uppercase(value) 转换成大写

[html] view plain copy

div ng-controller="firstController">{{name1}}div>

[html] view plain copy

$scope.name=‘zhangsan‘;
$scope.name1=angular.uppercase($scope.name);

(10)angular.lowercase(value) 转换成小写

(11)angular.equals(o1,o2) 判断两个字符串是否相等，返回true/false

[html] view plain copy

div ng-controller="firstController">{{eq}}div>

[html] view plain copy

$scope.a=‘111‘;
$scope.b=‘111‘;
$scope.eq=angular.equals($scope.a,$scope.b);

(12)angular.extend(dst,src) 继承关系，如下代码所示，b继承了a的属性

[html] view plain copy

$scope.a={name:‘张三‘};
$scope.b={age:10};
$scope.c=angular.extend($scope.b,$scope.a);
console.log($scope.b);//{"age":10,"name":"张三"}

(13)angular.fromJson(json) 反序列化json字符串，把json字符串转换成JavaScript Object对象

[html] view plain copy

var json = ‘{"name":"hello","age":"20"}‘;
console.log(json);
$scope.json=angular.fromJson(json);
console.log($scope.json);

技术分享

(14)angular.toJson(obj,pretty) 格式化json字符串

[html] view plain copy

var json = {"name":"hello","age":"20"};
// console.log(json);
// $scope.json=angular.toJson(json);
$scope.json=angular.toJson(json,true);
console.log($scope.json);

技术分享
(15)angular.copy(source, [destination]) 如下代码所示，把a复制给b

[html] view plain copy

$scope.a={name:‘张三‘};
$scope.b={age:10};
$scope.c=angular.copy($scope.a,$scope.b);
console.log($scope.a);
console.log($scope.b);

技术分享
(16)angular.forEach(obj, iterator, [context])

[html] view plain copy

var json = {"name":"hello","age":"20","sex":‘男‘};
angular.forEach(json,function(val,key){
//console.log(val);
console.log(key);
});

技术分享

[html] view plain copy

var json = {"name":"hello","age":"20","sex":‘男‘};
var results=[];
angular.forEach(json,function(val,key){
//console.log(val);
//console.log(key);
this.push(key+‘--‘+val);
},results);
console.log(results);

技术分享

(17)angular.bind(self, fn, args);绑定对象，作为函数的上下文

[html] view plain copy

var self={name:‘张三‘};
var f=angular.bind(self,function(age){
$scope.info=this.name+‘ is ‘+age;
console.log($scope.info);
});
f(30);
var f=angular.bind(self,function(age){
$scope.info=this.name+‘ is ‘+age;
console.log($scope.info);
},10);
f();

AngularJS 工具方法以及AngularJS中使用jQuery

标签：lan 属性 end -name targe star tle attr 函数

原文地址：http://www.cnblogs.com/minghui007/p/7194112.html

上一篇：php配置可修改范围:PHP_INI_USER,PHP_INI_PERDIR,PHP_INI_SYSTEM,PHP_INI_ALL

下一篇：如何将一个HTML页面嵌套在另一个页面中

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：AngularJS 工具方法以及AngularJS中使用jQuery
文章链接：http://soscw.com/index.php/essay/95717.html

亲，登录后才可以留言！

AngularJS 工具方法以及AngularJS中使用jQuery

评论

热门文章

推荐文章

最新文章

置顶文章