javascript - polymer :无法从纸张输入元件获取输入

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获取代码的工作版本。

两个要点:

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