聚合物紙張輸入不會更新嵌套屬性

Question

紙張輸入是否支持嵌套屬性？例如，當用戶將文本輸入到紙張輸入但client.address.street當用戶將文本輸入到紙張輸入不被更新

<paper-input label="FIRST NAME" value="{{client.name}}"></paper-input> //client object is updated 
<paper-input label="LAST NAME" value="{{client.address.street}}"></paper-input> //client object is not updated 

client.name被更新。即客戶端對象只包含{name: 'xxx}而不是{name: 'xxx', address: {street: 'abc'}}

是否有任何文檔提到上述限制或我做錯了什麼？謝謝！

Answer 1

Polymer沒有提供直接綁定到數組項的方法。您必須使用polymer（如template repeaters）中的數據綁定幫助器元素作爲嵌套作用域。

使用下列方式在數據綁定與陣列交互的一個：

• 的dom-repeat幫手元素可以讓你創建一個模板的實例陣列中的每個項目。在dom-repeat實例中，可以綁定到數組項目的屬性。

  <dom-repeat items="{{client}}" as="client"> 
      <template> 
      <paper-input label="FIRST NAME" value="{{client.name}}"></paper-input> 
      <paper-input label="LAST NAME" value="{{client.address.street}}"></paper-input> 
      </template> 
  </dom-repeat> 
  

• 的iron-list顯示虛擬， '無限' 列表中。 iron-list元素中的模板表示爲每個列表項目創建的DOM。

  <iron-list items="{{client}}" as="client"> 
      <template> 
       <paper-input label="FIRST NAME" value="{{client.name}}"></paper-input>  
       <paper-input label="LAST NAME" value="{{client.address.street}}"></paper-input> 
      </template> 
  </iron-list> 
  

如果初始化即，使用的功能的對象或數組值的屬性，則其確保每個元件得到它自己的值的拷貝，而不是在所有實例共享的對象或陣列的元素。你不必給用戶的輔助元素如上：

client: { 
    type: Object, 
    value: function() { 
      return { 
      "name": "", 
      "address": { 
       "street": "" 
      } 
      }; 
     } 
} 

Demo