绑定数组数据到元素，改变数组

Question

将数据数组绑定到元素并在数组的任何部分发生变化时拥有该元素 "auto update" 的模式是什么？

在脚本中说我将一个数组绑定到 app.game.gameData = []，然后将该数组绑定到一个元素

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

我用 dom-repeat 设置了我的 game-mat 元素，它将值传递给子元素等

但我希望 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' });

或设置sub-element

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

Bind array data to element, and change the array