聚合物1.x:使用铁输入来格式化输入上的数字
Polymer 1.x: Using iron-input to format numbers on input
在这个jsBin中,我使用逗号格式化输入数字。但是,是否有一种方法可以使用聚合物元素(如<iron-input
)来实现这一点,从而减少代码和解决方案,更原生的平台?
<!doctype html>
<head>
<meta charset="utf-8">
<base href="https://polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link href="polymer/polymer.html" rel="import">
<link href="paper-input/paper-input.html" rel="import">
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>
</head>
<body>
<dom-module id="x-element">
<template>
<style></style>
<paper-input value="{{num}}"></paper-input>
</template>
<script>
(function(){
Polymer({
is: "x-element",
properties: {
num: {
type: String,
observer: '_numChanged',
},
},
attached: function() {
this.numBeingChanged = false;
},
_numChanged: function(num) {
console.log('num', num);
if (!this.numBeingChanged) {
this.numBeingChanged = true; //prevent recursion
var x = num.replace(/'D/g,'')
x = parseInt(x);
console.log('x', x);
this.set('num', numeral(x).format('0,0'));
this.numBeingChanged = false;
}
}
});
})();
</script>
</dom-module>
<x-element></x-element>
</body>
似乎是toLocalString()
在Number
原型上的工作:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString
相关文章:
- 使用模式格式化Number类型输入中的值
- 在Eclipse中输入分号或大括号时自动格式化代码
- JavaScript:格式化输入方法会给出错误的值
- 无法输入 Django Chartit 格式化程序字段
- 如何在我键入输入框文本时格式化输入框文本
- HTML5 - 使用格式化占位符进行科学输入
- AngularJS:未聚焦时在输入中显示格式化的模型值
- AngularJS和输入类型=日期,如何格式化模型数据
- 格式化输入字段,将前4位数字用句点分隔,将后2位数字用句号分隔
- 使用javascript自动格式化输入到日期
- Angular Js-检查内部无线电输入时格式化标签
- 格式化价格输入
- 通过JSON/AAJAX将用户输入的文本格式化发送到PHP的正确方式
- AngularJS处理格式化的数字输入
- 输入字段根据输入的数据类型对数据进行不同的格式化
- 当我按回空格时,输入框中插入了逗号,并且数字没有按要求格式化
- 在不改变值的情况下格式化输入类型文本
- 聚合物1.x:使用铁输入来格式化输入上的数字
- 在AngularJS中使用欧元符号格式化输入
- 角度输入格式化器/解析器指令和插值属性