嗨,我有一个问题.在我的组件中,我有一个像这样的输入设置器：
@Input() set editStatus(status: boolean) {
this.savedEditStatus = status;
if (this.savedEditStatus === true && this.getTrigg === true) {
this.getDataFromFlex("SHOWS_L").then((data: any) => {
this.getTrigg = false;
this.lengthDataOptions = data;
})
} else {
this.getTrigg = true;
this.lengthDataOptions = undefined;
}
};
我的问题是我得到两个编辑状态,值为true,他们几乎同时出现.因此,在这种情况下,对于此组件,getDataFromFlex函数将被调用两次.我不想第二次调用所以我认为getTrigg(boolean)将是一个解决方案.它不起作用.所以我需要你们的帮助.
getTrigg是默认的组件初始设置为true
解决方法
我建议您使用
ngOnChanges接口与外部组件进行这种通信.这将确保您具有在此值更改后执行所需操作的预期值：
import { Component,OnInit,Input,OnChanges,SimpleChange } from '@angular/core';
@Input() savedEditStatus: boolean; // change to field not getter / setter
ngOnChanges(changes: { [propKey: string]: SimpleChange }) {
if (changes['savedEditStatus'] && changes['savedEditStatus'].currentValue === true &&
this.getTrigg === true) {
this.getDataFromFlex("SHOWS_L").then((data: any) => {
this.getTrigg = false;
this.lengthDataOptions = data;
})
} else {
this.getTrigg = true;
this.lengthDataOptions = undefined;
}
}
