I am working with Angular 17 and using @Input and @Output to sync between Parent and Child. The problem is that the syncing is not consistent between the 2. (See attached screen shot). At some point the sync fails and afterward, the child appears to remain 1 record behind the parent. For example, in the screen shot a failure has occurred and "Apartment Owners" failed to load. When the next selection is made in the dropdown, "Apartment Owners" will load in child, with the child remaining 1 step behind the parent with each new selection. What am I missing? I have tried to manually update the child by emitting an event, but that did not work either. Thanks! async loadAccount(accountID: string) { this.accountsService.GetAccount(accountID).subscribe((response: Account) => { this.page.data.account = response; this.onPageUpdate.emit(this.page); }); } Continue reading...
