name1Changed(arg) { console.log("name1Changed " + arg.target.value); console.log(arg); } country1Changed(arg) { console.log("country1Changed " + arg.target.value); console.log(arg); } } angularngmodelchange-change-event-in-angular.stackblitz.io...
Which @angular/* package(s) are the source of the bug? core Is this a regression? No Description Calling detectChanges after router event ActivationEnd or NavigationEnd breaks change detection in embedded views. Uncommentthis.cdRef.detectChanges();in stackblitz to see problem. Please provide a lin...
changeDetection: ChangeDetectionStrategy.OnPush }) export class AComponent { name = 'Jane'; } You can read more aboutupdateDirectivesfunction shown on@alexzuza's screenshot inThe mechanics of property bindings update in Angular. For the most comprehensive overview of change detection readThese 5 art...
I was hoping that I provided enough information for someone on the angular team to reproduce the issue. I am almost certain the issue has to do with the structural directive *ngIf (or its equivalent @if/@else template block), change detection "timing", and the input [value] property ...
https://stackblitz.com/edit/angular-5zht6w this.ngZone.runOutsideAngular(() => { setTimeout(() => { // This code results in one change detection occurring per // ngZone.run() call. This is entirely feasible, and can be a serious // performance issue. for (let i = 0; i < 100...
Unfortunately, it would be pretty tough to recreate the issue in a stackblitz but the short version is we have a loading flag in our store that does not trigger change detection when updated. In the component, we select it from the store and in our template use {{ loading$ | ngrxPush ...
I need to make sure anybody assigned to this or considering it has my understanding of Angular data binding and how @input and @output work. Especially when ChangeDetectionStrategy.OnPush is used and how that affects data binding. So, in the spirit of clarity I am going to share my ...
Just ran into this problem in our own app, and the implications are a little concerning. Small repro: https://stackblitz.com/edit/angular-on-submit-enter If you type something into the field and press the Enter key, the input field still has focus, so the value entered isn't saved and...
However if you stand on a subpage in the primary outlet, there is no issue since the "/" will not be inserted before the (auxiliary:route) in the url and therefore not triggering a change event. Example: https://stackblitz.com/edit/angular-3rhhpw Expected behavior I would expect the ...
Here is the failing test that should pass: https://stackblitz.com/edit/angular-testing-template-juuqk5 As you can see (with console.dir('appComponent.userInCreation.email', appComponent.userInCreation.email)) the model is never updated, even after a tick(). Contributor kara commented Apr ...