We’ve covered Components in the last section, in this section and the next we’ll cover the concept of Directives.

We’ve touched on a few directives already, such as NgFor.

Directives are components without a view. They are components without a template. Or to put it another way, components are directives with a view.

Everything you can do with a directive you can also do with a component. But not everything you can do with a component you can do with a directive.

We typically associate directives to existing elements by use attribute selectors, like so:

<elemenent aDirective></element>


We capitalise the name of directives when we are talking about the directive class. For example when we say NgFor we mean the class which defines the NgFor directive.

When we are talking about either an instance of a directive or the attribute we use to associate a directive to an element we lowercase the first letter. So ngFor refers to both the instance of a directive and the _attribut_e name used to associate a directive with an element.

In this section we are going to cover the built in directives that come bundled with Angular.

Learn Angular 5 For FREE

I've released my 700 page Kick Starter funded Angular 5 book for FREE