javascript - 如何在 angularjs 2 中的 @Input 参数上执行函数？

Question

我想在 @Input() cleanTextBox 上执行 doClean() 函数

    @Component({
      selector: 'my-component',
      providers: [],
      template: `<input [(ngModel)]="abc">`,
      directives: []
    })
    export class Directive {
      @Input() cleanTextBox : boolean;
      public abc = "someValue";

     // Execute doClean function if cleanTextBox is true
       public doClean{
           this.abc = '';
       }
    }

Answer 1

您可以使用 setter

export class Directive {

  private _cleanTextBox: boolean;

  @Input() set cleanTextBox(value: boolean) {
    if (value) {
      this.doClean();
    }
    this._cleanTextBox = value;
  }

  get cleanTextBox() {
    return this._cleanTextBox;
  }

  public abc = "someValue";

  public doClean{
    this.abc = '';
  }
}