聚合物：無法從紙張輸入元件獲取輸入

Question

我剛開始探索polymer.js。 我想從paper-input元素中獲取輸入。 並希望閱讀它。 我有一個紙質按鈕。 單擊該按鈕時，紙張輸入中的值應存儲在全局變量USER_NAME中。

我參考了stackoverflow post Polymer：在紙張按鈕“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的元素，但是它們省略了開始元素定義的部分。 請參閱此jsbin以獲取代碼的工作版本。

兩個要點：

1. Polymer('note-list', ...僅在您創建polymer-element定義時才有用。
2. 要使用Polymer的聲明性事件處理，必須使用on-[event]語法（注意破折號）並在屬性值中的處理程序名稱周圍使用句柄{{ }} 。