I think directives are the most important bit in an Angular application. There are 3 types of directive in Angular which is listed below.
- Component Directive
- Attribute Directive
- Structural Directive
Component Directive:
The component directive is something which is the core thing of angular application. We create components by using @Component decorator. The best example of component directive is AppComponent.
1 2 3 4 5 6 7 8 9 10 |
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { } |
Attribute Directive:
Creating a directive is pretty similar to a component, we user @Directive decorator for creating the directives. Attribute directives are used as attributes of elements. Let me explain this with an example: ...