Author: saqibkhan

In Angular 8, ngSwitch is a structural directive which is used to Add/Remove DOM Element. It is similar to switch statement of C#. The ngSwitch directive is applied to the container element with a switch expression. Syntax of ngSwitch ngSwitchCase In Angular ngSwitchCase directive, the inner elements are placed inside the container element. The ngSwitchCase…

The *ngFor directive is used to repeat a portion of HTML template once per each item from an iterable list (Collection). The ngFor is an Angular structural directive and is similar to ngRepeat in AngularJS. Some local variables like Index, First, Last, odd and even are exported by *ngFor directive. Syntax of ngFor See the…

The ngIf Directives is used to add or remove HTML Elements according to the expression. The expression must return a Boolean value. If the expression is false then the element is removed, otherwise element is inserted. It is similar to the ng-if directive of AngularJS. ngIf Syntax The *ngIf directive form with an “else” block…

The Angular 8 directives are used to manipulate the DOM. By using Angular directives, you can change the appearance, behavior or a layout of a DOM element. It also helps you to extend HTML. Angular 8 directives can be classified in 3 categories based on how they behave: Component Directives: Component directives are used in main…

Angular 8 is a platform and a framework which is used to build client applications in HTML and TypeScript. Angular 8 is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you can import into your apps. The basic building blocks of an Angular application are NgModules, which…

When you create an Angular app and run it by usingng serve command, it looks like the following image. It is a simple Angular app created by usingng new app_name command and nothing is edited in the app. The name of the app isangular8firstapp. Now, we will learn how the Angular’s app is loaded and started.…

Let’s see how to create an Angular 8 application. To create an app Syntax: For example: Here, we are going to create an app named “angular8firstapp” You can see that a folder is created. This is your first created app of Angular 8. Open this folder and you will see the some subfolders. Here, src is the main…

(How to install Angular 8 or Angular 8 Environment setup) Before to setup environment for Angular development using the Angular CLI tool, you must have installed Node.js on your system and set a development environment and npm package manager. Install Node.js Angular requires Node.js version 10.9.0 or later. You can download it from https://nodejs.org/en/ After downloading,…

The Angular community has released its latest version Angular 8 with an impressive list of changes and improvements including the much awaited Ivy compiler as an opt-in feature. Most prominent features of Angular 8: TypeScript 3.4 Angular 8 supports TypeScript 3.4 and it is required to run your Angular 8 project. So, you have to…

Angular is the most popular JavaScript framework and platform for developing client-side (front-end) mobile and desktop web apps or single page applications (SPAs). Angular community has released its latest version known as Angular 8. If you are familiar with previous version of Angular, it will not be difficult for you. You can easily upgrade your…