我试图在按键上获取输入字段的当前值。
我的代码：
var app=angular.module('app',[]).controller('Ctrl', function($scope){})
.directive('decimalPlaces', function() {
return {
link: function(scope, ele, attrs) {
ele.bind('keypress', function(e) {
var key = e.which || e.keyCode || 0;
var oldVal = this.value;
console.log(key, oldVal);
});
}
};
});
这是Fiddle：
我的问题是该示例适用于Chrome V46.0.2490.80但不适用于Firefox V41.0.2（我在OS X V10.9.5上）。
这是Chrome中的情况：
这是在Firefox中发生的事情：
我做错了吗？
答案 0 :(得分：0)
这是因为浏览器对type =“number”的解释不同。
因此我建议使用input type =“text”并编写一些代码来删除错误的字符。
在您键入'11'的情况下。有验证错误（type =“number”add number validator）。当存在验证错误时，模型不会获得该值。
为了证明这一点，我根据你的小提琴创建了小提琴（我添加了表单 - 因为它可以处理输入错误并且我在表单中打印错误）Fiddle
输入firefox 11.
有些时候我会创建模块 - 尝试演示http://htmlpreview.github.io/?https://github.com/uhlryk/angular-dynamic-number/blob/master/examples/index.html 和模块链接：https://github.com/uhlryk/angular-dynamic-number 它可能不完美，可能有问题，但它可以帮助很多