javascript - 仅当所有绑定(bind)都准备就绪时才运行代码

Question

所以我正在编写这个 Aurelia 应用程序，有一件事让我很烦恼。假设我有一个这样定义的自定义组件:

export class CustomComponent {
    @bindable callbackForSomething;
    @bindable anotherCallback;
}

现在，在一些情况下，我必须在我的组件上绑定(bind)更多功能(或任何其他功能)。所以在每个组件中我都有这样的代码:

callbackForSomethingChanged() {
    this._tryRunComponent();
}

anotherCallbackChanged() {
    this._tryRunComponent();
}

_tryRunComponent() {
    if (!this.callbackForSomething || !this.anotherCallback) {
        return;
    }

    // run some logic here when I know the component is ready
}

AureliaJS 有什么东西可以让这更容易吗？只有两个属性很烦人，但我有组件声明了更多属性。

Answer 1

为您的 View 模型添加一个bind 方法。一旦分配了所有可绑定(bind)属性，Aurelia 就会调用它。

对可绑定(bind)属性的后续更改将触发您的*Changed 方法。