Quelle est la différence entre @Directive et @Component dans Angular ?

Bonjour à tous ! Je viens de commencer à apprendre Angular et TypeScript, et je suis confus au sujet des décorateurs @Directive et @Component. Je comprends que les deux sont utilisés pour créer des "entités" dans Angular, mais je ne comprends pas encore quand utiliser quoi. Par exemple, j'ai créé un composant simple pour afficher un bouton : ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-button', template: `{{ label }}` }) export class MyButtonComponent { label = 'Cliquez-moi'; } ``` Ensuite, j'ai essayé de faire la même chose avec une directive : ```typescript import { Directive } from '@angular/core'; @Directive({ selector: '[appMyButton]' }) export class MyButtonDirective { // Comment ajouter un template et des styles ici ? } ``` J'ai lu que `@Component` est une sous-classe de `@Directive`, mais en pratique ils se comportent différemment. Dans `@Directive`, on ne peut pas utiliser `template` et `styles`, alors que dans `@Component` on le peut. Pourquoi alors avons-nous besoin de `@Directive` ?