聚合物1.0铁形式拒绝显示数据详细信息

Question

几天，我一直在唤醒为什么我对聚合物元素的铁形式拒绝正常工作。当我想查看我的纸质文本中我的价值时，我无法提交我的价值，因为我的文件无法识别我的ID：反馈。这是我的代码：

    <form is="iron-form" method="get" action="/" id="feedbackForm">
        <paper-textarea name="feedbacks" value="{{feedbackValue::input}}"
                        label="Explain your feedback - required" required></paper-textarea>
        <paper-checkbox name="read" required>You must check this box</paper-checkbox>
        <br>
        <paper-button class="custom indigo popup" type="submit" raised onclick="submitForm(event)"></iron-icon>
            Submit
        </paper-button>
        <div class="output"></div>
    </form>

这是我的脚本：

<script>
    function submitForm(event) {
        console.log('enfin');
        Polymer.dom(event).localTarget.parentElement.submit();
        console.log(Polymer.dom(event).localTarget.parentElement);
    }
    feedbackForm.addEventListener('iron-form-submit', function (event) {
        this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
    });
    Polymer({
        is: 'at-feedback-panel',
    });

</script>

有人知道铁形式发生了什么。当我尝试一下时，我的浏览器告诉我，反馈是未知的。

Answer 1

1. 尝试更改" FefagbackForm.AddeventListener（... " to " document.getElementById（'FeffBackform'）。AddeventListener（.. .."

事件听众：

document.getElementById('feedbackForm').addEventListener('iron-form-submit', function (event) {
    this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
});

2. 当html dom准备就绪时，应调用事件listerner。因此，将所有script代码移动$(document).ready(function(){...})

看起来像：

<script>
$(document).ready(function({
  function submitForm(event) {
    console.log('enfin');
    Polymer.dom(event).localTarget.parentElement.submit();
    console.log(Polymer.dom(event).localTarget.parentElement);
  }
  document.getElementById('feedbackForm').addEventListener('iron-form-submit', function (event) {
    this.querySelector('.output').innerHTML = JSON.stringify(event.detail);
  });
  Polymer({
    is: 'at-feedback-panel',
  });
}));