AngularJS angular.equals()用法及代码示例

AngularJS中的angular.equals()函数用于比较两个对象或两个值，无论它们是否相同。如果两个值相同，则返回TRUE，否则将返回FALSE。

用法:

angular.equals(val1, val2)

其中val1和val2是要比较的值或对象。返回值：返回TRUE或FALSE

范例1：

<html> 
<head> 
 <script src= 
 "//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"> 
 </script> 
 <title>angular.equals()</title> 
 </head> 
  
<body ng-app="app" style="text-align:Center"> 
  <h1 style="color:green">GeeksforGeeks</h1> 
  <h2>angular.equals()</h2> 
  
<div ng-controller="geek"> 
  Input A:<input type="number" ng-model="val1" ng-change="check()" /> 
  <br /><br> 
  Input B:<input type="number" ng-model="val2" ng-change="check()" /> 
  <br /><br> 
  {{msg}} 
</div> 
  
  <script> 
  var app = angular.module("app", []); 
  app.controller('geek', ['$scope', function ($scope) { 
    $scope.val1 = 0; 
    $scope.val2 = 0; 
    $scope.check = function () { 
      if (angular.equals($scope.val1, $scope.val2)) 
        $scope.msg = "Input values are equal."; 
      else 
        $scope.msg = "Input values are not equal."; 
      } 
    }]); 
  
</script> 
</body> 
</html>

输出：
输入之前：
equals
输入后：
equals

范例2：

<html> 
<head> 
 <script src= 
 "//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"> 
 </script> 
 <title>angular.equals()</title> 
 </head> 
  
 <body ng-app="app" style="text-align:Center"> 
   <h1 style="color:green">GeeksforGeeks</h1> 
   <h2>angular.equals()</h2> 
  
<body ng-app="app"> 
 <div ng-controller="geek"> 
    Password:<br> 
    <input type="password" ng-model="pass" /> 
    <br><br> 
    Confirm  Password:<br> 
    <input type="password" ng-model="PASS" ng-change="match()" /><br /> 
    <p ng-show="isMatch" style="color:green">Password matched</p> 
    <p ng-hide="isMatch || PASS==null" style="color:red"> 
     Password does not match</p> 
  </div> 
  
<script> 
  var app = angular.module("app", []); 
  app.controller('geek', ['$scope', function ($scope) { 
   $scope.match = function () { 
   $scope.isMatch = angular.equals($scope.pass, $scope.PASS); 
} 
}]); 
     
</script> 
</body> 
</html>

输出：
原来：
equals
输入错误：
equals
正确输入：
equals

相关用法

注：本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 AngularJS | angular.equals() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。