我想使用ng-keyup来监视向上和向下箭头键并增加或减少输入中的值.这似乎应该是直截了当的,但这个小提琴不起作用:
http://jsfiddle.net/a8tgW/3/
HTML
<div ng-controller="MyCtrl"> <input type="text" ng-model="minPotatoes" ng-keyup="onKeyup($event,minPotatoes)" /> <input type="text" ng-model="maxPotatoes" ng-keyup="onKeyup($event,maxPotatoes)" /> </div>
JS
function MyCtrl($scope) { $scope.onKeyup = function (evt,val) { if(evt.keyCode === 40) { val -= 1 console.log("decrementing val",val) } else if (evt.keyCode === 38) { val += 1 console.log("incrementing val",val) } } $scope.minPotatoes = 2; $scope.maxPotatoes = 10; }
我尝试过使用$apply,但摘要已经在进行中.我已经阅读了this问题,但它使用了一个无法访问模型引用的外部监听器.
我可以直接引用范围值,而不是传入的值,但如果密钥处理程序不知道它正在影响的模型,它将更少耦合.
解决方法
您希望更改范围变量而不是本地val变量.
<input type="text" ng-model="potatoCount" ng-keyup="onKeyup($event,'potatoCount')" /> function MyCtrl($scope) { $scope.onKeyup = function (evt,val) { if(evt.keyCode === 40) { --$scope[val]; console.log("decrementing val"); } else if (evt.keyCode === 38) { ++$scope[val]; console.log("incrementing val"); } }; $scope.potatoCount = 42; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。