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

Polymer: Not able to get input from paper-input element

本文关键字:输入 张输入 聚合物      更新时间:2023-09-26

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

我参考了stackoverflow post Polymer:在paper-button按下"ok"后,在paper-dialog中获得paper-input的值

但这对我不起作用。下面是我的代码:

<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>

谢谢。

您复制的示例不完整。底部的脚本正在定义一个名为note-list的元素,但是他们省略了开始定义元素的部分。查看此jsbin以获取代码的工作版本。

两个外卖

:

  1. Polymer('note-list', ...只有在创建polymer-element定义时才有用。
  2. 要使用聚合物的声明性事件处理,你必须使用on-[event]语法(注意破折号),并在属性值的处理程序名称周围使用把手{{ }}