One of the main uses of Angular services is undoubtedly communication with the backend of the application, using the Representational State Transfer (REST) protocol.Let’s learn about this feature in practice by preparing our project to…
The inject() function allows you to use the same dependency injection feature but in a simpler way.Let’s refactor our component’s code: import { Component,inject} from ‘@angular/core’;import { ExerciseSet } from ‘../interfaces/exercise-set’;import { ExerciseSetsService } from…
In object-oriented software development, it is good practice to prioritize composition over inheritance, meaning that a class should be composed of other classes (preferably interfaces).In our previous example, we can see that the service class…
We studied how parent components, which can be either smart or presentational, can communicate with their child components by using attributes marked with the @Input decorator.However, when we need the opposite, the child component passes…
After the *ngIf directive, the ngFor directive will probably be the directive that you will use the most in your Angular projects. Although simple, this directive can hide a performance and perception problem in the…
In our gym diary application, we now need the workout list page component, DiaryComponent, to communicate with the list item component, EntryItemComponent. The simplest way to accomplish this communication is with Angular’s Property Binding concept.…
With this command, the Angular CLI will create a folder with the following four files in addition to updating the diary module with the new component. In the entry-item.component.ts file, the Angular CLI created the…
The main building blocks of an Angular application are the components. It is by using them that we assemble our user interfaces and define the flow of the experience. In Angular architecture, components organize an…
One of the best ways used by TypeScript to improve the developer experience in Angular application development is through the ability to type parameters and return functions and methods. Both for developers who create libraries…
The last way to type a variable that we will see in this chapter is the simplest one, which is to create type aliases. Like interfaces, type aliases only exist in TypeScript, and we can…