AngularJS angular.equals()函数详解及示例

作者 : 慕源网 本文共1674个字,预计阅读时间需要5分钟 发布时间: 2022-05-6 共435人阅读

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>

输出:

输入前:

输入后:

示例 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>

输出:

输入前:

不正确输入:

正确输入:


慕源网 » AngularJS angular.equals()函数详解及示例

常见问题FAQ

程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!

发表评论

开通VIP 享更多特权,建议使用QQ登录