Angular Directive Generator

💬 Text🌐 CC0

Hilft dir, technische Aufgaben in klare Schritte zu zerlegen, sauber umzusetzen und typische Fehler früh zu vermeiden, damit du schneller zu belastbar

Prompt

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.

Öffnen in

Ähnliche Community Prompts

Quiz-Master

🌐 CC0

Develop a comprehensive interactive quiz application with HTML5, CSS3 and JavaScript.

CodingBildungProduktivität

Auto-Experte

🌐 CC0

Develop a comprehensive flashcard study system using HTML5, CSS3, and JavaScript.

CodingBildungForschung

When to clear the snow (generic)

🌐 CC0

, sloped, curved, gravel, or with limited snow storage space due to landscaping, structures, or trees), where traction, refreezing risks, and efficient removal are key for safety and reduced effort

CodingMarketingBildung

ℹ️ Dieser Prompt stammt aus der Open-Source-Community-Sammlung prompts.chat und steht unter der CC0-Lizenz (Public Domain). Kostenlos für jeden Einsatz.

Quelle: prompts.chatBeitrag von: satishbirhade16@gmail.comLizenz: CC0