每次更改角度值时如何检测变量的变化

Question

我想检测每次更改值时类型为 int 的变量的更改，因为我执行的操作很少。

变量是 int 值，它会在单击按钮时发生变化。

我已经尝试过使用 @Input 这完全不符合我的要求。

addWhereCondition() {
    ++this.numberOfWhereConditions;
  }
  deleteWhereCondition() {
    if (this.numberOfWhereConditions > 1) {
      --this.numberOfWhereConditions;
    } else {
      this.numberOfWhereConditions = 1;
    }
  }

numberOfWhereConditions 是已更改且需要检测该更改的变量

Answer 1

您可以为它创建一个 getter 和 setter。 在构造函数之前...

private _numberOfWhereConditions: number;

get numberOfWhereConditions(): number {
    return this._numberOfWhereConditions
}

set numberOfWhereConditions(newNum: number) {
    if (this._numberOfWhereConditions !== newNum) { // if the new number is not the same as the old number 
    // Logic for what happens when there is a change detected
    this._numberOfWhereConditions = newNum; // You do need to explicitly set the new number
}

在 HTML 中，您将调用numberOfWhereConditions而在打字稿中，您将调用this.numberOfWhereConditions 。

这是一篇教程文章。