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
Video – Adding Module using Angular CLI
This videos teaches how to add a module to an Angular Application using Angular CLI. We can also do that manually but to do it using CLI, we use the command: ng generate module module-name There is an alias also to it. ng g m module-name This will add the module to your angular application… Continue reading Video – Adding Module using Angular CLI
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
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
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
Using @ViewChild in Angular
A ViewChild is a component, directive, or element as a part of a template. If we want to access a child component, directive, DOM element inside the parent component, we use the decorator @ViewChild() in Angular. To understand this, suppose we have two components, a child and a parent one. Since the child component can… Continue reading Using @ViewChild in Angular
Reusing components with Content Projection in Angular
Want to change the content inside your component and re-use them? Well, That is what we use Content Projection for, in Angular. Let us start by defining what Content Projection is. A feature with the help of which we can have a component with a kind of visual wrapper, and the content inside that wrapper… Continue reading Reusing components with Content Projection in Angular
Beginning with Unit Testing in Angular
Before going on to test our angular code, we need to understand what is a unit test. A Unit test is defined to be a test on a single unit,where unit can be a single class or a group of related classes. There are 2 types of tests we often talk about: – Unit Test… Continue reading Beginning with Unit Testing in Angular