迫使Aurelia进行脏检查

Question

I have an array of objects that I am binding to the DOM via a ValueConverter . Aurelia can't quite figure out what I'm doing in the ValueConverter , and so it isn't updating properly. I want to force dirty checking on this object. How can I do that?

Answer 1

Expose your array via a property getter.

Instead of:

export class Foo {
  myArray = [];     // will be observed without dirty-checking
}

Use a property getter:

export class Foo {
  _myArray = [];   // internal value that you will manipulate as-needed

  get myArray() {  // this property will be dirty-checked.
    return this._myArray;
  }
}