Javascript Polymer 1.x:使用iron输入格式化输入上的数字
。但是,有没有一种方法可以通过使用聚合物元件来实现这一点(例如,可能Javascript Polymer 1.x:使用iron输入格式化输入上的数字,javascript,polymer,polymer-1.0,paper-elements,polymer-1.x,Javascript,Polymer,Polymer 1.0,Paper Elements,Polymer 1.x,。但是,有没有一种方法可以通过使用聚合物元件来实现这一点(例如,可能似乎是toLocalString()在数字原型上的工作: <!doctype html> <head> <meta charset="utf-8"> <base href="https://polygit.org/components/"> <script src="webcomponentsjs/webcomponents-lite.min.js">&l
似乎是toLocalString()
在数字
原型上的工作:
<!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>