Angular Model-Driven (Reactive) Forms

Forms come handy when handling user-input and enabling user to log in, update information, and other data-entry tasks. These are basically used to capture user input events. In Angular, there are two approaches to handling user inputs. Template-Driven Forms Reactive Forms Template Driven Forms Template Driven Forms are used to bind the data to the… Continue reading Angular Model-Driven (Reactive) Forms

Creating your first Angular project

In this blog post, we will see how to create a new project and start working with all the concepts in Angular. Some of the pre-requisites to begin with are: – Installed Node.js and Node Package Manager (NPM) – Installed Angular CLI – Visual Studio Code Step 1 is to go to the command prompt… Continue reading Creating your first Angular project

Video: Content Projection in Angular

In this video, we will learn about yet another way of binding the data in Angular, i.e., Content Projection.There is a kind of visual wrapper around our content which has to be projected. To learn more, refer to this video on bpbonline. Do share the feedback. Thanks.

Setting up Development Environment to work with Angular

To begin working in Angular, a typescript-based framework, we need to set up the development environment in our systems. In this blog post, we will see: – How to set up a node development environment (installing Node.js) – Checking the version of installed Node and NPM (Node Package Manager) – Installing Angular CLI – Checking… Continue reading Setting up Development Environment to work with Angular

Route Guards in Angular

We have worked with routing and navigating from one route to another in our previous articles. If you are new to Routing, refer to: Routing in Angular Usages of Route Guards While navigating from one route to another, there are situations when we do not want an unauthenticated user to access a particular route and that… Continue reading Route Guards in Angular

Creating Basic Routes in Angular

Displaying content on different pages, splitting up the content on different pages, creating special authorized access-only pages is what Routing is used for. To create a basic route Angular application, let us start by creating a routing project using Angular CLI like stated below: ng new routedemo –routing In the above command, we simply instructed… Continue reading Creating Basic Routes in Angular

Angular Pipes

Transforming and showing the modified data to the user is what pipes are used for, in Angular. Pipes help to apply fine tune to the data and display value transformation to the user. Pipes can also be thought of, as styles which we apply in the HTML template. A pipe takes in some data as… Continue reading Angular Pipes

Published
Categorized as #angular

Providers in Angular

  We have learnt the concept of Services and Dependency injection in our previous article. Read here: Understanding Services and Dependency injection When we inject a service, the Angular injector needs to look at the Service providers to create an instance of that particular service.  The provider determines which instance of the service should be injected… Continue reading Providers in Angular

Published
Categorized as #angular

Routing in Angular: Beginners

Traditionally, when we wanted to access a file, we used to ask the server to get that file and then it used to get displayed. Every time a file was retrieved, the page needed to get loaded. However in the modern web applications and due to frameworks like Angular, it has become very simple now.… Continue reading Routing in Angular: Beginners