Tag: #angularjs

Wildcard Routes in Angular

In a routing-based angular application, we create different routes to be directed to, and for that we create different components. If you are new to routing, refer to my previous article on how to create basic routes in Angular here. To start with understanding what are wildcard routes, let us first assume that we have… Continue reading Wildcard Routes in Angular

JavaScript Modules vs. NgModules

This article explains in short about the difference between the JavaScript modules and NgModules and that how they are used in Angular. Modules help organize our code and use it in an efficient way. The manner in which the code is organised is different for JavaScript and Angular but the ultimate purpose of a module… Continue reading JavaScript Modules vs. NgModules

Course: Angular for Beginners

To all the beginners of Angular out there, here is a step-by-step video course for you all. This course will focus on creating web applications using the JavaScript framework AngularĀ and will walk us through a journey of learning how to install Angular to learning how to route from one page to another using components, directives,… Continue reading Course: Angular for Beginners

Using Redux in Angular

In this blog post, we will see how to integrate and use Redux with Angular. Before beginning, let us have a basic understanding of what Redux is! Redux is an open-source JavaScript library that can be used with any other view library like React, Angular etc. The best perk of using Redux is that in… Continue reading Using Redux in Angular

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

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