检测子对象(Angular)内输入()值的变化

Question

内部父级

<app-site-parameter-tbl *ngIf="siteTbl==true" [siteParameterTDataSet]="siteParameterDataSet" [siteParameterTGridColumns]="siteParameterColumns" [siteParameterFoot]="siteParameterFooter" [siteParameterT]="siteParameterTbl" [model]="siteModel" [bckColor]="this.tabBackColor"></app-site-parameter-tbl>

在某些触发器事件上，父级更改这些属性（作为子级的输入）

父Ts

method(ds, columns, footer) {

    this.siteParameterDataSet = ds;
    this.siteParameterColumns = columns;
    this.siteParameterFooter = footer;
}

即使在更改输入值后，这种情况也只发生一次

儿童ts

@Input() siteParameterT: boolean;
@Input() model: SiteModel;
@Input() siteParameterFoot: [];
@Input() siteParameterTGridColumns: [];
@Input() siteParameterTDataSet: any;

ngOnInit() {
    debugger;
    //setting local variables then they will render inside html

    this.siteParameter = this.siteParameterT;
    this.site = this.model;
    this.foot = this.siteParameterFoot;
    this.dataSet = this.siteParameterTDataSet;
}

请帮助，如果我可以直接在html中使用输入属性，那么我怎么可以对其进行更改？帮助我了解输入更改时如何通知？

Answer 1

您可以使用< code>ngOnChanges实现该功能。

 public ngOnChanges(changes: SimpleChanges): void {
    this.siteParameter = changes.siteParameter;
    etc.,
  }

Answer 2

挂接到 ngOnChanges 中：

示例用法

  @Input() employee: Employee

  ngOnChanges(changes: SimpleChanges) {
    /** Fire any time employee changes */
    if (changes.employee && changes.employee.currentValue) {
      this.formGroup.patchValue(this.employee)
    }
  }

还有一个装饰器方法。不过请注意，TypeScript装饰器是实验性的。

Answer 3

尝试在@Input上使用 setters：

@Input('siteParameterT')
set siteParameterT(value: boolean) {
    this.siteParameter = value
}