In my previous post, we saw what Signals are and the basics of how to use them. In this post, we will see how to use the new input() and output() functions, and how we can simplify our state management by using the inject() function with a Service.But first of all, what are Signal Inputs… Read More: Angular – Signals: Input, Output and inject() »
In this post, we will see what Signals are and how we can use them in our Angular projects.But first of all, what is a Signal?“A Signal is a wrapper around a value that can notify interested consumers when that value changes. It sits at the core of Angular’s modern reactivity model and gives us… Read More: Angular – Signals »
In this post, we will see how to create a project in Angular to manage CRUD (Create, Read, Update and Delete) operations for an entity called User; we will use Json Server for the definition of a Web API service. WEB APIWe create a file called UsersDB where we will define a list of User entities: [USERS.DB]… Read More: Angular – CRUD operations »
In this post, we will see how to pass values between components using @input and @output. We start creating a project called PassData where, we will create two components called page1 and page2 and an entity called User:ng new PassDatang g c pages/page1ng g c pages/page2ng g class Entities/User First of all, we define the… Read More: Angular – How to pass values between components using @input… »
In this post, we will see how to use environment variables in Angular. We will use the same Angular project created for the post How to Dockerize an Angular application and we will add a call at the Web API Service that I have deployed on Docker.hub: First of all, we run the Docker image… Read More: Angular – Environment Variables »
In this post, we will see how to Dockerize an Angular application and how to deploy it in Docker Hub. ANGULAR PROJECT:We start creating a new Angular project called “AngularDockerUI” with three components: ng new AngularDockerUIng g c share/menung g c share/homepageng g c pages/pagelist Finally, we install Bootstrap using the command npm install bootstrap… Read More: Angular – How to Dockerize an Angular application »
In this post, we will see how to pass data between components, using query string.We start creating a project called PassData and installing Angular Material as well:ng new PassDatang add @angular/material Then, we create three components called “Page1”, “Page2” and “Page3”:ng g c Pages/Page1ng g c Pages/Page2ng g c Pages/Page3 Finally, we create an entity… Read More: Angular – How to pass values between components using query… »
In this post, we will see how to add Angular Material in an Angular project. We open Visual Studio Code and we create a new project called MaterialProject, using the commandng new MaterialProject Then, we create three components called HomePage, Page1 and Page2, using the commandsng g c HomePageng g c Page1ng g c Page2… Read More: Angular – How to add Angular Material in a project »
In this post, we will see how to pass values between two components, using the router state attribute (from Angular 7.0.2), creating a method to modify the username property in our usual project. First of all, we add a link button in the listusers component for using a method called goedit to update the username… Read More: Angular – How to pass values between components using the… »