Question

我刚开始探索polymer.js。我想从paper-input元素中获取输入。并希望阅读它。我有一个纸质按钮。单击该按钮时，纸张输入中的值应存储在全局变量USER_NAME中。

我提到了stackoverflow帖子Polymer: get the value of paper-input inside a paper-dialog after paper-button press "ok"

但它不适合我。这是我的代码：

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

感谢。

Answer 1

您复制的示例未完成。底部的脚本定义了一个名为note-list的元素，但是它们省略了开始元素定义的部分。有关代码的有效版本，请参阅this jsbin。

两个要点：

Polymer('note-list', ...仅在您创建polymer-element定义时才有用。
要使用Polymer的声明性事件处理，您必须使用on-[event]语法（注意破折号）并在属性值中的处理程序名称周围使用句柄{{ }}。

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

1 个答案: