Angular 4 QuickStart Tutorial - Angular 4 Directives (ngFor, ngif , ngClass, ngStyle )

In this angular 4 tutorial series we will be creating a new project using the angular 4 cli , show you an ngfor example by listing an array, and i will hide the array using ngif also we will take a look on ngclass and ngstyle, today it will be quick look into angular directives

We will be using different structural directives in Angular 4 like ngIF, ngFor also we will be using attributes and property bind it like ngClass and ngStyle attributes.

Structural and attribute directives which will be discussed in this tutorial:

ngFor example as an angular list directive
ngIf example
ngClass
ngStyle

For each directive we will have in this tutorial an example:
ngIf angular example, ngFor example, ngClass and ngStyle angular example.

[dotsway]

Running code of the tutorial in the below URL

[techwake]

that was easiest way to learn directive . Thanks a lot

[ashok]

Super tutorial...clear overview for directives...thank you sir 👍

[aruhik]

Quick question: When we are using single quotation marks around the password (eg. 'dotsway') in your code above, error is coming. Why?