angular监听@Input修改

在Angular中，你可以通过使用`@Input`装饰器来监听输入属性的修改。当输入属性的值发生变化时，Angular会自动调用相应的生命周期钩子函数来处理这个变化。

要监听`@Input`属性的修改，你可以在组件类中定义一个具有`setter`方法的属性，并在该方法中执行相应的逻辑。这个`setter`方法会在输入属性的值发生变化时被调用。

以下是一个示例：

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent implements OnChanges {
  private _myInput: string;

  @Input()
  set myInput(value: string) {
    this._myInput = value;
    // 在这里执行你想要的逻辑
  }

  ngOnChanges(changes: SimpleChanges) {
    // 在这里可以获取到输入属性的前一个值和当前值
    if (changes.myInput) {
      const previousValue = changes.myInput.previousValue;
      const currentValue = changes.myInput.currentValue;
      // 执行其他逻辑
    }
  }
}

在上述示例中，我们定义了一个名为`myInput`的输入属性，并且通过`setter`方法来监听其修改。在`setter`方法中，你可以执行你想要的逻辑。另外，我们还实现了`OnChanges`生命周期钩子函数来获取输入属性的前一个值和当前值，在该函数中也可以执行其他逻辑。

希望这可以帮助到你！如果还有其他问题，请随时提问。