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


 1. AngularJS 工具方法,參考angularjs API https://docs.angularjs.org/api官方文檔

(1)angular.isArray(value) 判斷是否是數組,返回true/false

 

[html]  view plain  copy
 
  1. <div ng-controller="firstController">{{isArray}}</div>  
[html]  view plain  copy
 
  1. $scope.arr=[1,2,3];  
  2. $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
 
  1. <div ng-controller="firstController">{{name1}}</div>  
[html]  view plain  copy
 
  1. $scope.name='zhangsan';  
  2. $scope.name1=angular.uppercase($scope.name);  

(10)angular.lowercase(value) 轉換成小寫

 

(11)angular.equals(o1,o2) 判斷兩個字符串是否相等,返回true/false

 

[html]  view plain  copy
 
  1. <div ng-controller="firstController">{{eq}}</div>  
[html]  view plain  copy
 
  1. $scope.a='111';  
  2. $scope.b='111';  
  3. $scope.eq=angular.equals($scope.a,$scope.b);  

(12)angular.extend(dst,src) 繼承關系,如下代碼所示,b繼承了a的屬性

 

[html]  view plain  copy
 
  1. $scope.a={name:'張三'};  
  2. $scope.b={age:10};  
  3.   
  4. $scope.c=angular.extend($scope.b,$scope.a);  
  5.   
  6. console.log($scope.b);//{"age":10,"name":"張三"}  

(13)angular.fromJson(json) 反序列化json字符串,把json字符串轉換成JavaScript Object對象

 

 

[html]  view plain  copy
 
  1. var json = '{"name":"hello","age":"20"}';  
  2.   
  3. console.log(json);  
  4.   
  5. $scope.json=angular.fromJson(json);  
  6.   
  7. console.log($scope.json);  

 

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

 

[html]  view plain  copy
 
  1. var json = {"name":"hello","age":"20"};  
  2.   
  3. // console.log(json);  
  4. // $scope.json=angular.toJson(json);  
  5.   
  6. $scope.json=angular.toJson(json,true);  
  7.   
  8. console.log($scope.json);  


(15)angular.copy(source, [destination]) 如下代碼所示,把a復制給b

 

 

[html]  view plain  copy
 
  1. $scope.a={name:'張三'};  
  2. $scope.b={age:10};  
  3.   
  4. $scope.c=angular.copy($scope.a,$scope.b);  
  5.   
  6. console.log($scope.a);  
  7. console.log($scope.b);  


(16)angular.forEach(obj, iterator, [context]) 

 

[html]  view plain  copy
 
  1. var json = {"name":"hello","age":"20","sex":'男'};  
  2.   
  3. angular.forEach(json,function(val,key){  
  4.   
  5.       //console.log(val);  
  6.     console.log(key);  
  7. });  


 

[html]  view plain  copy
 
  1. var json = {"name":"hello","age":"20","sex":'男'};  
  2.   
  3. var results=[];  
  4.   
  5. angular.forEach(json,function(val,key){  
  6.     //console.log(val);  
  7.     //console.log(key);  
  8.     this.push(key+'--'+val);  
  9. },results);  
  10.   
  11. console.log(results);  


 

(17)angular.bind(self, fn, args);綁定對象,作為函數的上下文

 

[html]  view plain  copy
 
    1. var self={name:'張三'};  
    2.   
    3. var f=angular.bind(self,function(age){  
    4.   
    5.           $scope.info=this.name+' is '+age;  
    6.   
    7.           console.log($scope.info);  
    8. });  
    9. f(30);  
    10.   
    11. var f=angular.bind(self,function(age){  
    12.   
    13.     $scope.info=this.name+' is '+age;  
    14.   
    15.     console.log($scope.info);  
    16. },10);  
    17. f();  
  1.  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM