如何將對象的子屬性與 Polymer 中的紙張輸入綁定

Question

我的 Polymer 組件之一中有一個對象屬性（ newcontact ）和函數（ saveContact ）：

properties: {
  newcontact: {
    type: Object
  }
},
saveContact: function() {
  console.log(this.newcontact); // Getting undefined
},

我想通過<paper-input>數據綁定向newcontact添加子屬性，如下面的代碼所示：

<label class="form-control-label">Name</label>
<paper-input type="text" name="name" is="iron-input" value="{{newcontact.name}}"></paper-input>

<label>Email</label>
<paper-input type="text" name="email" is="iron-input" value="{{newcontact.email}}"></paper-input>          

<label>Phone</label>
<paper-input type="text" name="phone" is="iron-input" value="{{newcontact.phone}}"></paper-input>           
<paper-input hidden is="iron-input" value="{{newcontact.id}}"></paper-input>
<input type="button" value="Save" on-click="saveContact" class="btn btn-primary">

但是saveContact()總是為this.newcontact記錄undefined 。 這是為什么？

Answer 1

您正在使用輸入字段設置newcontact對象的屬性。 但是，該對象從未被初始化。 你可以在你的properties定義中通過給它一個值來做到這一點。

properties:{
    newcontact:{
        type: Object,
        value: function() {
            return {};
        }
    }
},