gpt4 book ai didi

javascript - polymer 1.x : Using iron-input to format numbers on input

转载 作者:太空宇宙 更新时间:2023-11-04 16:26:10 26 4
gpt4 key购买 nike

In this jsBin, I format input numbers using commas 。但是有没有一种方法可以使用 Polymer 元素来实现此目的(例如 <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>

最佳答案

似乎是 Number 原型(prototype)上的 toLocalString() 的工作: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

关于javascript - polymer 1.x : Using iron-input to format numbers on input,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40194172/

26 4 0
文章推荐: php - 使用 PHP 隐藏父 div 和子 div?
文章推荐: C++ EXC_BAD_ACCESS,argv[]
文章推荐: html - 如何在不破坏的情况下定位 CSS
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com