Angular Component and Directive

What are the differences between @Component and @Directive?

What are the differences between @Component and @Directive?
The components are used, when you want to create new elements in the DOM with their own HTML template.

The attribute directives are used, when you want to change or update the existing elements in the DOM.


We have 3 types of Directives in Angular -
1.      Component
2.      Attribute Directives
3.      Structural Directives
Components - The component is a directive with their own templates and it is responsible for how a component should be processed, instantiated and used at run-time.

Structural Directives - The structural directive is a directive and it is responsible for change the DOM layout by adding, removing, and manipulating elements.
The most of the common built-in structural directives are NgIf, NgFor, and NgSwitch.

Attribute Directives - The Attribute directive is a directive and it is responsible for change the behavior of a specified element or component.

For more detail kindly refer the link.... 
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

What are the differences between @Component and @Directive? What are the differences between @Component and @Directive? Reviewed by Anil Singh on 11:01 PM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^