【AngularJS】5.AngularJS 工具方法以及AngularJS中使用jQuery

叁歲伎倆 2022-06-18 02:27 264阅读 0赞

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

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

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

$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) 转换成大写

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

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

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

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

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

$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对象

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

![Center][]

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

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

![Center 1][]  
(15) angular . copy ( source ,   \[ destination \]) 如下代码所示，把a复制给b

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

![Center 2][]  
(16) angular . forEach ( obj ,  iterator ,   \[ context \])

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

![Center 3][]

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

![Center 4][]

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

![Center 5][]

[https_docs.angularjs.org_api]: https://docs.angularjs.org/api
[Center]: /images/20220618/229885696a9a4caea7247fe4d2df0873.png
[Center 1]: /images/20220618/14abe4c351bd4617a6aae807f3fd4fdc.png
[Center 2]: /images/20220618/c47f998376144a31847aa3e44ec6b363.png
[Center 3]: /images/20220618/5679a25e011f4044ab31e9e0eb12b6d0.png
[Center 4]: /images/20220618/a1b5266aa7784f2d9be496eb05ec36f0.png
[Center 5]: /images/20220618/df307a89d0694b09b441af66debd10dd.png