在 Aurelia 中更新二维数组的视图

Question

我正在尝试更新二维数组的视图，但视图神经网络更新了新值。如果我只有一个阵列，它可以正常工作，但不能用两个。

export class App {

    constructor(){
        this.numbers = [];
    };

    update(){
        for(var i=0; i < 5; i++){
            this.numbers[i] = [];
            for(var p=0; p < 4; p++){
                this.numbers[i].push(Math.random());
            }
        }
    }
};

Answer 1

观察索引赋值（myArray[x] = something）需要脏检查。请改用 myArray.splice(x, 0, something)。

这是一个使用您的视图模型的示例：https://gist.run?id=59e61de3899ded4225b54f44ac63ef8c

app.html

<template>
  <div repeat.for="y of numbers">
    <span repeat.for="x of y">${x}, </span>
  </div>
  <button click.delegate="update()">Update</button>
</template>

app.js

export class App {
  constructor(){
    this.numbers = [];
  }

  update(){
    for(var i=0; i < 5; i++){
     this.numbers.splice(i, 0, []);
      for(var p=0; p < 4; p++){
        this.numbers[i].push(Math.random());
      }
    }
  }
}

在 Aurelia 中更新二维数组的视图

Update the view of a two dimensional array in Aurelia

javascript

aurelia