Javascript 聚合物:无法从纸张输入元件获取输入

Javascript 聚合物:无法从纸张输入元件获取输入,javascript,input,polymer,Javascript,Input,Polymer,我刚刚开始探索polymer.js。我想从纸张输入元素获取输入。我想读一读。 我有一个纸扣。单击该按钮时,纸张输入中的值应存储在全局变量USER_NAME中 我把这封信交给了他 但这对我不起作用。 这是我的密码: <div id="profileInfoForm"> <h2>Tell us about you...</h2> <div class="profileField"> <h5>Nam

我刚刚开始探索polymer.js。我想从纸张输入元素获取输入。我想读一读。 我有一个纸扣。单击该按钮时,纸张输入中的值应存储在全局变量USER_NAME中

我把这封信交给了他

但这对我不起作用。 这是我的密码:

<div id="profileInfoForm">
 <h2>Tell us about you...</h2>
 <div class="profileField">
                    <h5>Name :</h5>
                    <paper-input name="profileName" id="profileNameId" inputValue="{{ valHeader }}" label="What will we call you ?"></paper-input>
                </div>

                <div class="profileField" style="text-align: center;">
                    <div onclick="fetchDataFromForm();" id="proceedButton" class="button raised blue" style="text-align: center">
                        <div class="center" fit>Proceed</div>
                        <paper-ripple fit></paper-ripple>
                    </div>
                </div>

</div>


<script>
 var USER_NAME="";
Polymer('note-list',{
    fetchDataFromForm: function(e, detail, sender)
      {
        USER_NAME = this.valHeader;

      }
    });
</script>

告诉我们关于你的事。。。
姓名:
继续
var USER_NAME=“”;
聚合物(“注释列表”{
fetchDataFromForm:函数(e、详细信息、发件人)
{
USER_NAME=this.valHeader;
}
});

谢谢。

您从中复制的示例不完整。底部的脚本正在定义一个名为
note list
的元素,但是他们省略了开始元素定义的部分。有关代码的工作版本,请参阅

两个要点:

  • Polymer('note-list'),…
    仅当您还创建了
    Polymer元素定义时才有用
  • 要使用Polymer的声明性事件处理,必须使用-[event]语法(注意破折号),并在属性值中的处理程序名称周围使用手柄
    {{}

  • 我还取消了“继续”
    div
    fit
    属性,并将
    position:relative
    添加到其父级,以使
    纸张波纹
    正常工作。