javascript - 属性(property)观察员与自制设置员

Question

在 aurelia View 模型中，我有一些属性需要在每次更改其他属性时更新。

据我所知，有两种不同的方法可以做到这一点。

方法1:propertyObserver

export class Foo {
    propX : number;
    bindingEngine : BindingEngine;

    bind() {
        this.bindingEngine.propertyObserver(this, 'propX')
            .subscribe((newV, oldV) => { this.updateOtherProperty() });
    }

    updateOtherProperty() {
        //...
    }
}

// usage
foo.propX = 5 // updateOtherProperty gets called

方法2:自制setter

export class Foo2 {
    propX : number;

    setPropX(value : number) {
        this.propX = value;
        this.updateOtherProperty();
    }

    updateOtherProperty() {
        //...
    }
}

// usage
foo.setPropX(5) // updateOtherProperty gets called

最好的方法是什么？为什么？

Answer 1

使用计算属性:

import { computedFrom } from 'aurelia-framework';

export class MyClass {

  @computedFrom('propX', 'propY') //update this property whenever propX or propY change
  get myComputedProp() {
    //do your magic here!
    return this.propX + this.propY;
  }

}

用法:

<div>${myComputedProp}</div>

更多信息请访问:http://aurelia.io/hub.html#/doc/article/aurelia/binding/latest/binding-computed-properties/1