2016-01-08 57 views
1

將數組數組綁定到元素並在該數組的任何部分更改時讓該元素「自動更新」的模式是什麼?將數組數據綁定到元素,並更改數組

說在腳本我結合數組app.game.gameData = []然後綁定該數組的元素

<template is="dom-bind" id="app"> 
... 
    <game-mat screens={{game.gameData}}></game-mat> 

我有game-mat元件設置與dom-repeat,它傳遞值子元件等

但我想game-mat更新,當我添加一個新項目game.gameData。顯示新行等。而且,我希望子元素因爲綁定的設置而改變,就像我改變game.gameData[3].value = 50一樣,我希望能夠反映在該子元素中。

從我現在可以告訴,唯一呈現的數組是最初創建的數組。

我想操縱這些數據,並將其反映在元素列表中。任何好的方法來做到這一點?

(我會很樂意改變我現有模式身邊,只是不知道的方式去了解這個現在...)

+0

如何讀取陣列的聚合物導你給數組插入值? 你需要做這個this.set()/ this.push() https://www.polymer-project.org/1.0/docs/devguide/templates.html – Alon

+0

是的,我忽略了這一點!好的結果,似乎是這樣。我使用「外部」(即非聚合物)腳本中的查詢選擇器訪問Polymer元素可以在那裏使用那些'.push()'方法。謝謝!輸入一個答案,我會接受它,如果你覺得它) – clay

回答

1

更新你的陣列推,流行音樂,剪接,移位,不印字方法。

例如推目的是this.employees:

this.push('employees', { first: 'Jack', last: 'Aubrey' }); 

或設置子元素

this.set('employees.0.manager.type', 'engineer'); 

以獲取更多信息可以在 https://www.polymer-project.org/1.0/docs/devguide/templates.html

相關問題