我正在使用Angular 17，并使用@输入和@输出在父母和子元素之间同步.问题是2之间的同步不一致.(见附件屏幕截图).在某一时刻，同步失败，之后，子进程似乎仍落后父进程1个记录.例如，在屏幕截图中，出现了一个故障，"公寓业主"加载失败.当在下拉列表中进行下一个 Select 时，"公寓业主"将加载到子对象中，而每个新的 Select 都会使子对象比父对象落后一步.
我遗漏了什么？我曾try 通过发出事件来手动更新子对象，但也不起作用.
谢谢!
async loadAccount(accountID: string) {
this.accountsService.GetAccount(accountID).subscribe((response: Account) => {
this.page.data.account = response;
this.onPageUpdate.emit(this.page);
});
}
我找到了我问题的原因.我的错误是使用了onChangeSelected，它出现在mat-选项元素上.OnChangeSelected用于使用MULTERSECT且将多次触发的情况.解决方案是使用selectionChange on the mat-select element.我的html现在如下所示:
<mat-form-field>
<mat-select #AccountLookup placeholder="**Company **" (selectionChange)="loadAccount($event.value)">
<mat-option *ngFor="let account of page.accountList| accountLookupFilter: page.selectedAccountStatus"
[ngClass]="account.statusCode == 2 ? 'alert-error' : 'alert-success'" [value]="account.value">
{{ account.label }}
</mat-option>
</mat-select>
</mat-form-field>
@Naren Murali-感谢您的时间和帮助