本文介绍了Angularjs ng模型不能在Edge中使用输入数字类型和箭头键的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个type="number"的输入，它与ng模型相关联。我希望能够按上下箭头来更新它的值。但是，在Microsoft Edge中，ng模型在这种情况下不会更新，请参阅我的示例：
https://plnkr.co/edit/yZaGxkYG87C1YCNSKnf0?p=preview
有没有一种不使用jQuery来更新模型的方法？我们希望避免在控制器中使用jQuery
推荐答案
所以这是一个来自angularjs和Edge的错误，如下面的讨论所示：
https://github.com/angular/angular.js/issues/15366
建议自行修复该问题的代码片段：
.directive('input', () => {
if(currentBrowser!="edge") return {};
return {
link: (scope, elem) => {
if (elem[0].type === 'number') {
elem.on('keydown', evt => {
switch (evt.which) {
case 38: // UP_ARROW
case 40: // DOWN_ARROW
scope.$evalAsync(() => elem.triggerHandler('change'));
break;
}
});
}
}
};
});
这篇关于Angularjs ng模型不能在Edge中使用输入数字类型和箭头键的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！