失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > AngularJS如何使用angular.equals()函数?示例

AngularJS如何使用angular.equals()函数?示例

时间:2020-01-14 11:58:27

相关推荐

AngularJS如何使用angular.equals()函数?示例

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

语法如下:

angular.equals(val1, val2)

其中val1和val2是要比较的值或对象。

返回值:返回TRUE或FALSE

范例1:

<html><head><script src ="///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">lsbin</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/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">lsbin</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>

输出如下:

原来:

输入错误:

正确输入:

更多前端开发相关内容请参考:lsbin - IT开发技术:/

查看以下更多angularJS相关的内容:

AngularJS使用ng-cloak指令:/3199.htmlAngular日期过滤器:/2142.htmlAngular使用表格:/1762.html

如果觉得《AngularJS如何使用angular.equals()函数?示例》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。