Was ist der Unterschied zwischen @Directive und @Component in Angular?

Hallo zusammen! Ich habe gerade angefangen, Angular und TypeScript zu lernen, und bin bei den Dekoratoren @Directive und @Component verwirrt. Ich verstehe, dass beide verwendet werden, um bestimmte "Entitäten" in Angular zu erstellen, aber ich verstehe nicht ganz, wann man was anwenden soll. Zum Beispiel habe ich eine einfache Komponente zur Anzeige eines Buttons erstellt: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-button', template: `{{ label }}` }) export class MyButtonComponent { label = 'Drück mich'; } ``` Und dann habe ich versucht, dasselbe mit einer Direktive zu machen: ```typescript import { Directive } from '@angular/core'; @Directive({ selector: '[appMyButton]' }) export class MyButtonDirective { // Wie füge ich hier ein Template und Styles hinzu? } ``` Ich habe gelesen, dass