聚合物：在紙張按鈕按下「確定」後，獲取紙張對話框中的紙張輸入值

Question

我需要在按下「確定」按鈕之後獲取紙張對話框中某些紙張輸入字段的值，紙按鈕。

我：

... 
<paper-dialog id="notediag" heading="Add Note" transition="paper-dialog-transition-center"> 
    <paper-input id="dialog-add-note-header" label="Header" 
     value="{{valHeader}}"></paper-input> 
    <br> 
    <paper-input id="dialog-add-note-text" label="Text"></paper-input> 

    <paper-button label="Cancel" dismissive></paper-button> 
    <paper-button label="Ok" affirmative default 
     on-click="{{addNote}}"></paper-button> 
</paper-dialog> 
... 

<script> 
Polymer('note-list',{ 
    addNote: function(e, detail, sender) 
    { 
     var header=??? 
     console.log("add note "+header); 
    } 
}); 
</script> 

我試過多種方法找到的文件輸入字段的值，但沒有找到一個propper辦法做到這一點。 e.target.templateInstance不起作用。對document.querySelector('#dialog-add-note-header')的調用會導致null。

任何想法？

感謝您的幫助。

斯特凡

Answer 1

{{valHeader}}您筆記列表中創建一個屬性 elelemt這勢必給紙輸入的輸入值。

您可以

var header = this.valHeader 

document.querySelector('#dialog-add-note-header')訪問它不工作，因爲紙輸入元素是paper-dialog的影子DOM裏面。但是，您可以使用Polymer的節點查找實用程序this.$.dialogAddNoteHeader（將您的id屬性重命名爲不包含破折號）直接訪問輸入元素。