The ngSwitch is an Angular 2 structural directive, which allows us to Add/Remove DOM Element.It is similar to switch statement of C#. In this tutorial, we will look at the syntax of ngSwitch . We will show you how to use ngSwitch using an example code.
ngSwitch, ngSwitchcase, ngSwitchDefault Angular Example Read More »
In this Angular Webpack tutorial, we will take you through the process of creating the Angular Application from scratch using Webpack as our module loader.
Angular Application needs to set up a lot of configuration files and libraries before getting up and running. You also need to take few decisions before you get started with Angular. All these are discussed in the Tutorial Installing and getting started with Angular
is guide, we will show you How to Create a new project in Angular. We use Angular CLI to help us to create the app. The Angular has come a long way since its first version in Angular 2. The creation of a new project is now as simple as installing Angular CLI and running the ng new command.
In this Introduction to Angular Directive, we are going to look at the Angular Directives. We will look at three types of directives that Angular supports like Component, Structural and Attribute Directives. We also look at the few of the most commonly used Angular directives.
Angular ngFor directive iterates over a collection of data like an array, list, etc and create an HTML element for each of the items from an HTML template. It helps us to build lists or tables to display tabular data in a nice way. In this tutorial, we will look at the syntax and how to use ngFor to display a list of movies using example code. The ngFor also exports several local variables like Index, First, Last, odd, and even. We demonstrate the use of local variables by creating a simple code to Format odd & even rows of a table by assigning different classes to them. Finally, we look at the trackBy clause, which enhances the performances of the ngFor.
