@Directive und @Component in Angular: Was ist der Unterschied und wann verwendet man was?

Hallo zusammen! Ich habe angefangen, Angular und TypeScript zu lernen, und bei der Erstellung meiner ersten Komponenten und Directives bin ich verwirrt über den Unterschied zwischen den Decorators `@Component` und `@Directive`. In der Dokumentation steht, dass `@Component` eine Subclass von `@Directive` ist, aber in der Praxis werden sie unterschiedlich verwendet. Zum Beispiel erstelle ich einen einfachen Button, der bei Hover die Farbe ändert. Ich kann das sowohl mit einer Component als auch mit einer Directive umsetzen. Hier ist mein Code: **Variante mit @Component:** ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-hover-button', template: `Hover`, styles: [` .highlight { background-color: yellow; } `] }) export class HoverButtonComponent { onHover() { /* Klasse hinzufügen */ }