Polymer: मॉडल: उपयोगकर्ता इनपुट के कारण संख्या डेटा प्रकार स्ट्रिंग में परिवर्तित हो जाता है

को निर्मित 1 जुल॰ 2015 · 3टिप्पणियाँ · स्रोत: Polymer/polymer

के रूप में परिभाषित किया गुण Number डेटा प्रकार में बदल दिए जाते String उपयोगकर्ता इनपुट के कारण डेटा प्रकार। मुझे आश्चर्य है कि यह लक्षण केवल iron-input या paper-input , बल्कि यह पॉलिमर का व्यवहार है। क्या डेटा प्रकार रूपांतरण को रोकने का कोई आसान तरीका है?

कृपया निम्नलिखित iron-input में कोई भी संख्या दर्ज करें। "स्ट्रिंग" हमेशा पॉप अप होगा।

index.html:

<!DOCTYPE html>
<html>
  <head>
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="proto.html">
  </head>
  <body>
    <proto-element></proto-element>
  </body>
</html>

प्रोटो.एचटीएमएल:

<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="bower_components/iron-input/iron-input.html">
<dom-module id="proto-element">
    <template>
        <input is="iron-input" bind-value="{{value}}">
    </template>
</dom-module>
<script>
    Polymer({
        is: "proto-element",
        properties:{
            value:{
                type:Number,
                value:1,
                observer:"valueChanged"
            }
        },
        valueChanged:function(n,o){
            if(typeof o != "undefined")
                alert(typeof n);
        }
    });
</script>

question

स्रोत

masaoliou

सबसे उपयोगी टिप्पणी

यह पॉलिमर का व्यवहार नहीं है, यह मानक डोम व्यवहार है। input टैग की value संपत्ति एक स्ट्रिंग मान है:

https://developer.mozilla.org/en/docs/Web/API/HTMLInputElement

संपत्ति पर type: Number पर कोई प्रभाव नहीं डालता है; उस मान का उपयोग केवल अक्रमांकन करते समय किया जाता हैमार्कअप से एक विशेषता मान । तो, यदि आपके पास इस तरह का मार्कअप है:

 <my-element value="123">

आप value प्रॉपर्टी को "123" स्ट्रिंग के साथ कॉन्फ़िगर कर रहे हैं। अगर value है type: Number ,
इसे 123 नंबर के रूप में डिसेरिएलाइज़ किया जाएगा।

दूसरी ओर, यह:

<my-element value="{{hostValue}}">

मेजबानों की hostValue संपत्ति को my-element की value संपत्ति से बांधता है। यहां कोई प्रकार का रूपांतरण शामिल नहीं है; उनका एक ही मूल्य है।

तो, आपको इनपुट के स्ट्रिंग मान को किसी और चीज़ में बदलने की आवश्यकता होगी। इनपुट एक valueAsNumber संपत्ति प्रदान करता है, जिसे आप इस तरह बांध सकते हैं:

    <input is="iron-input"  type="number" value-as-number="{{value::input}}">

वैकल्पिक रूप से, आप अपनी valueChanged विधि में मूल्य को बाध्य कर सकते हैं:

    valueChanged:function(n) {
        if(typeof n == "string") {
          this.value = Number(n);
        }
    }

arthurevans 1 जुल॰ 2015

👍3 ❤1

सभी 3 टिप्पणियाँ

https://developer.mozilla.org/en/docs/Web/API/HTMLInputElement

 <my-element value="123">

दूसरी ओर, यह:

<my-element value="{{hostValue}}">

    <input is="iron-input"  type="number" value-as-number="{{value::input}}">

वैकल्पिक रूप से, आप अपनी valueChanged विधि में मूल्य को बाध्य कर सकते हैं:

    valueChanged:function(n) {
        if(typeof n == "string") {
          this.value = Number(n);
        }
    }

arthurevans 1 जुल॰ 2015

👍3 ❤1

@arthurevans विस्तृत विवरण के लिए बहुत-बहुत धन्यवाद!
शायद इसे पॉलिमर के अक्सर पूछे जाने वाले प्रश्न में जोड़ने से अन्य उपयोगकर्ताओं को भी मदद मिलेगी।

masaoliou 2 जुल॰ 2015

👍1

यदि आप प्रॉप्स का उपयोग करते हैं तो arrayObject. आप इस तरह से हल कर सकते हैं।
https://github.com/pongpanot-t/lab-polymer/blob/master/data-binding/bind-prop-number.html

tonsai-j 30 सित॰ 2016

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Polymer: मॉडल: उपयोगकर्ता इनपुट के कारण संख्या डेटा प्रकार स्ट्रिंग में परिवर्तित हो जाता है

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों