Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 使用颜色选择器减少模型更新的数量大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的应用程序中使用标准的 HTML颜色选择器:

@H_301_11@<input type="color" ng-model="vm.currentUser.color" />

如果我单击该颜色选择器的按钮并手动更改颜色,则会经常更新模型.由于我对vm.currentUser.color有一个监视,因此也经常调用相应的方法,这是有问题的.

有没有办法只在点击颜色选择器的OK按钮时设置模型变量?

angularjs – 使用颜色选择器减少模型更新的数量

解决方法

您可以在该字段上使用Ng-change,因为它仅在关闭颜色弹出窗口后触发并且如果发生更改(无论您更改弹出窗口内的颜色多少次): http://plnkr.co/edit/AjDgoaUFky20vNCfu04O?p=preview

@H_301_11@angular.module('app',[]) .controller('Ctrl',function($scope,$timeout) { $scope.x = '#ff0000'; $scope.res = ''; $scope.a = function(X) { console.log(X); $scope.res = 'Color changed to ' + x; $timeout(function(){$scope.res = ''},2000); }; }); @H_301_11@<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="Ctrl"> <input type="color" ng-model="x" ng-change="a(X)"> <p>{{res}}</p> </div>

大佬总结

以上是大佬教程为你收集整理的angularjs – 使用颜色选择器减少模型更新的数量全部内容,希望文章能够帮你解决angularjs – 使用颜色选择器减少模型更新的数量所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。