Полимер автоматически обрабатывает бумажный ввод на номер?

Question

В моем проекте «Полимер» у меня есть <google-map> с долготой и широтой в качестве свойств. Под картой находятся два <paper-input>, где пользователь может также записать длинное и значение lat для карты. При перемещении курсора на карту эти два значения прекрасно обновляются, однако, когда я что-то пишу в них, карта не обновляется. Я предполагаю, что это потому, что <paper-input> ставит значение в виде строки, а карта требует чисел в виде долготы & значения широты. Есть ли простой способ автоматического анализа значения от <paper-input> до номера?

Мой код:

<dom-module id="web-map"> 

<template> 

<google-map latitude="{{lat}}" longitude="{{long}}" style="height: 80%" id="map"></google-map> 

<div style="width: 100%" align="center"> 
    <paper-input label="longitude" value="{{long::input}}" auto-validate="true" pattern="[-]?[0-9]+[.]?[0-9]*" error-message="Please enter a correct longitude value!" style="display: inline-block"></paper-input> 
    <paper-input label="latitude" value="{{lat::input}}" auto-validate="true" pattern="[-]?[0-9]+[.]?[0-9]*" error-message="Please enter a correct latitude value!" style="display: inline-block"></paper-input> 
</div> 

</template> 

<script> 

Polymer({ 
    is: "web-map", 
    properties: { 
     long: { 
      type: Number, 
      notify: true, 
      value: -122.41942 
     }, 
     lat: { 
      type: Number, 
      notify: true, 
      value: 37.77493 
     } 
    } 
}); 

</script> 

</dom-module> 

Answer 1

я столкнулся с такой же вопрос некоторое время назад, сделал исследование лил и обнаружили, что с помощью «значение-в-числа» вместо «значения» сделал трюк.