Associate Array binding - model update is not syncing with the view

[chandmk]

Version: 0.12

export class Test {
  Data = [[0,1],[2,3]]

  addone() {
    this.Data[0][0]++;
  }
}

<template>
<input type="text" value.bind="Data[0][0]" />
  <button click.trigger="addone()" value="Add One" >Add One </button>
</template>

When I click AddOne button, I am expecting that cell to have its value incremented by 1.

[jdanyow]

duplicate of https://github.com/aurelia/binding/issues/64

[chandmk]

Then, is the following code idiomatic in aurelia?

export class Test {
  Data = [[0,1],[2,3]]

  addone(evt) {
   evt.target.value++;
  }
}

<template>
<input type="text" value.bind="Data[0][0]" />
  <button click.trigger="addone($event)" value="Add One" >Add One </button>
</template>

[jdanyow]

Per https://github.com/aurelia/binding/issues/64, no, it is not idiomatic to bind to a particular index of an array and be updated when the value stored at that index changes.

Please review the comments in https://github.com/aurelia/binding/issues/64 for more details.