0
ユーザーがポリマー紙入力オブジェクトに入力した値を読み取ろうとしています。しかし、次のようにこれは、カスタムオブジェクトです:mathjax紙入力ポリマーオブジェクトから入力値を抽出する
<dom-module id="mathjax-input">
<template>
<paper-input on-input="handleInputChanged" label="{{ label }}" value="{{ formula }}">
</paper-input>
</template>
これは(それがLaTeXコードでの場合)と同等LaTeXの結果に翻訳ユーザー入力を表示するように意図されます。
<div>
<mathjax-input id="formula" label="Enter formula: " ></mathjax-input>
</div>
フォームの「をonSubmit」イベントには、次の関数を呼び出すことになりましたと仮定:次は、入力ボックスである
<script>
function copy_latex(){
var input = document.getElementById('formula').value
return true;
}
</script>
変数「入力」今、ユーザーが入力したものを手に入れる必要があります。これはうまくいかない。あなたはエラーを見つけるのを助けてくれますか? -ありがとうございます!
var input = document.querySelector('#formula').formula;
どうもありがとう:
*最初の用紙入力定義ではプロパティが定義されていると仮定しますが、短くてもそれらを含めませんでした。 –
最初の問題は、存在しない 'mathjax-input'要素から(少なくともテンプレートにはない)' value'プロパティを読み込もうとしていることです。 '.value'を' copy_latex() 'の' .formula'に変更した場合、 'paper-input'の値を返してしまいます。このような要素から値を取得することはめったに必要ありません。このタイプのコードを最小限に抑えるために、Polymerのデータバインディング機能の詳細を調べる必要があります。 – tony19