Resolvers in Angular are data providers that are used to pre-fetch data when the user is navigating through the application before Angular has rendered the desired page; i.e. it blocks the navigation until it’s resolved. The resolved data is accessible in the component through the ActivatedRoute class. Previously we used…

We all have used Dependency Injection irrespective of the tech stack, at some point in our coding journey. But what’s the reason for using it? Imagine instantiating a class each time we need to access it! Awful, yes! We use DI to avoid hard dependencies between classes. Dependency Injection ensures…

People often confuse Promises to be asynchronous. But are they really asynchronous? Promises are arguably the most important concept of asynchronous programming in JavaScript, however, the execution of the callbacks passed into the Promise constructor is synchronous. Let’s understand the same with an example: Like you can see, when the…

There can be n number of ways to trigger the valueChanges(). this.formName.get(‘form_control’).valueChanges .subscribe((changedValue: boolean) => { console.log(changedValue); this.formName.get(‘another_form_control’).setValue(‘’) }); Suppose this is the code that you want to cover in your test cases. Tried the setValue() and patchValue(); but for some reason, the subscription body is not covered in the…

I was stuck with this issue for hours. The sorting didn’t work properly(worked after clicking 3–4 times for whatever reason), and at times sorting one table would affect the other as well(checked using console.log) If your multiple tables look like this: <table mat-table [dataSource]=”DataSource1” matSort (matSortChange)=”sortData($event)”> <table mat-table [dataSource]=”DataSource2” matSort (matSortChange)=”sortData($event)”>