Angular Pipes – Built in and Custom Pipe

Pipes in Angular transform the data before it display it to view. In Angular 1 i.e. AngularJs, Pipes were called as filter.Angular offers built-in pipes and custom pipes as well. To apply pipe Angular uses | symbol before any pipe. Syntax to use pipe in Angular – {{<value>| <pipename>}} Angular Built-in Pipes LowerCasePipe – Use … Read more

How to call an API from Angular 7?

In my earlier blog, I have explained How to create a static website in Angular 7?┬áIn this blog, we will see how to call an API from Angular 7. In this blog, you will see how an HTTP request is sent to any API from Angular application. I will demonstrate by sending an HTTP GET … Read more

Angular Directives

Directives in Angular extend the use of HTML by adding custom behavior. In this blog, we will see the use of directives in Angular. There are 3 types of directives in Angular – Component Directives It is a directives with a template. Components are the most common directives among all. We can not create an … Read more

Angular CLI Commands

Below are few Angular CLI commands that are useful while developing an Angular Application. To install Angular CLI npm install -g @angular/cli To get online help ng help To get detailed help of a command ng [command name] –help To get Angular version details ng version Orng –version Read:- Angular Interview Questions To create new … Read more

Angular 2 vs Angular 4 vs Angular 5

Angular 2, Angular 4 and Angular 5 are open source and fully TypeScript based client-side framework to develop a Single Page Application (SPA).In this blog, we will explore the new features in Angular 2, Angular 4 and Angular 5.As we all know Angular 2 was a significant upgrade from AngularJS or Angular 1.But, it is … Read more

Building Blocks of an Angular Application

The main building blocks of any Angular Application are Component, Modules, Template, MetaData, Data binding, Directive, Services, Dependency Injection, Routing. In this blog, we will see main building blocks of Angular one by one. Architecture of Angular 2 moves around component and module and this is one of the major difference between Angular 1 and … Read more

Create Angular App and run using Angular CLI

Once you are done with the installation and setting the local development environment, we will create a new Angular App using Angular CLI. Install Angular CLI To install Angular CLI run this command in command prompt. npm install -g @angular/cli In above command -g means you are installing it globally, if you will not apply -g … Read more