Home  >  Article  >  Web Front-end  >  How to use AngularJS tools? How to use jQuery in AngularJS?

How to use AngularJS tools? How to use jQuery in AngularJS?

寻∝梦
寻∝梦Original
2018-09-08 14:33:241630browse

This article mainly introduces you to the methods of using angularjs tools and the details of using jQuery in angularjs. Let’s take a look at this article together.

1. Angularjs tool method

(1)angular.isArray(value) determines whether it is an array and returns true/false

<p>{{isArray}}</p>
$scope.arr=[1,2,3];
$scope.isArray=angular.isArray($scope.arr);

(2)angular.isDate(value) determines whether it is a date type and returns true/false

(3)angular.idDefined(value) determines whether it is defined and returns true/false

(4)angular.isElement(node) Determines whether it is a DOM node and returns true/false

(5)angular.isFunction(value) Determines whether it is a Function type and returns true/false

(6)angular.isNumber(value) Determines whether it is Number type, including NaN, Infinity and -Infinity, returns true/false

(7)angular.isObject(value) Determines whether it is Object type, Array is an Object type, Null is not an Object type, returns true/false

(8)angular.isString(value) determines whether it is a string type, returns true/false

( 9)angular.uppercase(value) Convert to uppercase

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

(10)angular.lowercase(value) Convert to lowercase

(11)angular.equals(o1,o2) Judge two Whether the strings are equal, return true/false

<p>{{eq}}</p>
$scope.a='111';
$scope.b='111';
$scope.eq=angular.equals($scope.a,$scope.b);

(12)angular.extend(dst,src) Inheritance relationship, as shown in the following code, b inherits the attributes of 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) Deserialize the json string and convert the json string into a JavaScript Object

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

How to use AngularJS tools? How to use jQuery in AngularJS?

(14)angular.toJson(obj,pretty) Format json string

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

How to use AngularJS tools? How to use jQuery in AngularJS?(15)angular.copy(source , [destination]) As shown in the following code, copy a to b


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

How to use AngularJS tools? How to use jQuery in AngularJS?(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);
              });

How to use AngularJS tools? How to use jQuery in AngularJS?

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

How to use AngularJS tools? How to use jQuery in AngularJS?本篇文章到这就结束了(想看更多就到PHP中文网AngularJS使用手册中学习),有问题的可以在下方留言提问。

The above is the detailed content of How to use AngularJS tools? How to use jQuery in AngularJS?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn