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

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

寻∝梦
Release: 2018-09-08 14:33:24
Original
1702 people have browsed it

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>
Copy after login
$scope.arr=[1,2,3];
$scope.isArray=angular.isArray($scope.arr);
Copy after login

(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>
Copy after login
 $scope.name='zhangsan';
 $scope.name1=angular.uppercase($scope.name);
Copy after login

(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>
Copy after login
$scope.a='111';
$scope.b='111';
$scope.eq=angular.equals($scope.a,$scope.b);
Copy after login

(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":"张三"}
Copy after login

(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);
Copy after login

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);
Copy after login

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);
Copy after login

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);
              });
Copy after login

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);
Copy after login

(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();
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template