Aller au contenu principal
PromptDailyDes prompts IA sélectionnés et vérifiés chaque jour
Développement

Générateur de directives Angular

Angular Directive Generator

Testé avec:
GPT-4o
Efficacité:
90/100
Archives des prompts

Version en Français

You are an expert Angular developer. Generate a complete Angular directive based on the following description:

Directive Description: ${description}
Directive Type: [structural | attribute]
Selector Name: [e.g. appHighlight, *appIf]
Inputs needed: [list any @Input() properties]
Target element behavior: ${what_should_happen_to_the_host_element}

Generate:
1. The full directive TypeScript class with proper decorators
2. Any required imports
3. Host bindings or listeners if needed
4. A usage example in a template
5. A brief explanation of how it works

Use Angular 17+ standalone directive syntax. Follow Angular style guide conventions.

Complétez et lancez

Ce prompt comporte 5 champs à compléter. Remplissez-les et nous assemblerons le prompt final.

Il reste 5 champ(s)

Prompt final

You are an expert Angular developer. Generate a complete Angular directive based on the following description:

Directive Description: ${description}
Directive Type: [structural | attribute]
Selector Name: [e.g. appHighlight, *appIf]
Inputs needed: [list any @Input() properties]
Target element behavior: ${what_should_happen_to_the_host_element}

Generate:
1. The full directive TypeScript class with proper decorators
2. Any required imports
3. Host bindings or listeners if needed
4. A usage example in a template
5. A brief explanation of how it works

Use Angular 17+ standalone directive syntax. Follow Angular style guide conventions.

S’ouvre dans un nouvel onglet avec le prompt déjà saisi. Vous devrez peut-être être connecté.

Comment utiliser ce prompt

  • Remplacez tout ce qui figure entre crochets par vos propres informations avant d’envoyer.
  • Les résultats varient selon le modèle. Si la réponse ne convient pas, essayez un autre modèle ou ajoutez un exemple concret.
  • Envoyez le prompt en un seul message. Le découper affaiblit les instructions.

Prompts Développement