聚合物：形式不發送紙質稱輸入值和所需的屬性不工作

Question

我有以下組成部分：

<link rel="import" href="./bower_components/polymer/polymer-element.html"> 
<link rel="import" href="./bower_components/paper-input/paper-input.html"> 
<link rel="import" href="./bower_components/iron-form/iron-form.html"> 

<dom-module id="my-form"> 
    <template> 
     <b>Test</b> 
     <form is="iron-form" id="form" method="post" action="/save"> 
      <paper-input name="name" value=""></paper-input> 
      <button type="submit">submit!</button> 
     </form> 
    </template> 

    <script> 
     /** 
     * @customElement 
     * @polymer 
     */ 
     class MyForm extends Polymer.Element { 
      static get is() { return 'my-form'; } 
      static get properties() { 
       return { }; 
      } 
     } 
     window.customElements.define(MyForm.is, MyForm); 
    </script> 
</dom-module> 

有兩個問題：當我點擊

1. 表單提交提交按鈕和要求輸入 爲空。
2. 提交表單時不發送任何內容。

發生了什麼事？

Answer 1

從What's new in 2.0：

另外，儘管它們在說明書中被支持，聚合物2.0目前不支持型延伸元件（is=）。

這是您的代碼無法正常工作的主要原因。 is屬性不再受支持。

目前的解決方法使用is如下：

// Before 2.0 
<form /.../ is="iron-form"></form> 

// After 2.0 
<iron-form> 
    <form /.../></form> 
</iron-form> 

你的代碼應該是這樣的：

<link rel="import" href="./bower_components/polymer/polymer-element.html"> 
<link rel="import" href="./bower_components/paper-input/paper-input.html"> 
<link rel="import" href="./bower_components/iron-form/iron-form.html"> 

<dom-module id="my-form"> 
    <template> 
     <b>Test</b> 
     <iron-form> 
      <form id="form" method="post" action="/save"> 
       <paper-input name="name" value=""></paper-input> 
       <button type="submit">submit!</button> 
      </form> 
     </iron-form> 
    </template> 

    <script> 
     /** 
     * @customElement 
     * @polymer 
     */ 
     class MyForm extends Polymer.Element { 
      static get is() { return 'my-form'; } 
      static get properties() { 
       return { }; 
      } 
     } 
     window.customElements.define(MyForm.is, MyForm); 
    </script> 
</dom-module>