What are the differences between Component and Directive?

In a short note, A component(@component) is a directive-with-a-template.

Some of the major differences are mentioned in a tabular form

ComponentDirective
To register a component we use @Component meta-data annotationTo register directives we use @Directive meta-data annotation
Components are typically used to create UI widgetsDirective is used to add behavior to an existing DOM element
Component is used to break up the application into smaller componentsDirective is use to design re-usable components
Only one component can be present per DOM elementMany directives can be used per DOM element
@View decorator or templateurl/template are mandatoryDirective doesn't use View

February 26, 2022
1261