Question

将数据数组绑定到元素的模式是什么，并且具有该元素＆＃34;自动更新＆＃34;当数组的任何部分发生变化时？

在脚本中说我将数组绑定到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一样，我希望将其反映在该子元素中。

从我现在所知，唯一呈现的数组是创建的初始数组。

我想操纵这些数据并将其反映在该元素列表中。有什么好方法吗？

（我很乐意改变我现有的模式，现在还不知道如何解决这个问题......）

Answer 1

使用push，pop，splice，shift，unshift方法更新你的数组。

例如将对象推送到this.employees：

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

或设置子元素

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