首頁 >web前端 >js教程 >AngularJS工具的使用方法是什麼? AngularJS中如何使用jQuery?

AngularJS工具的使用方法是什麼? AngularJS中如何使用jQuery?

寻∝梦
寻∝梦原創
2018-09-08 14:33:241698瀏覽

本篇文章主要的向大家介紹了關於angularjs的工具使用的方法和angularjs中使用jQuery的詳情,我們一起來看看這篇文章吧。

 1. Angularjs 工具方法

#(1)angular.isArray(value) 判斷是否為陣列,回傳true/false

<p>{{isArray}}</p>
$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) 轉換成大寫

<p>{{name1}}</p>
 $scope.name='zhangsan';
 $scope.name1=angular.uppercase($scope.name);

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

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

<p>{{eq}}</p>
$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);

AngularJS工具的使用方法是什麼? AngularJS中如何使用jQuery?

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

AngularJS工具的使用方法是什麼? AngularJS中如何使用jQuery?(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);

AngularJS工具的使用方法是什麼? AngularJS中如何使用jQuery?(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);
              });

AngularJS工具的使用方法是什麼? AngularJS中如何使用jQuery?

              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);绑定对象,作为函数的上下文


              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?本篇文章到这就结束了(想看更多就到PHP中文网AngularJS使用手册中学习),有问题的可以在下方留言提问。

以上是AngularJS工具的使用方法是什麼? AngularJS中如何使用jQuery?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn