Automated ingestion of prompt: Angular Directive Generator
This commit is contained in:
parent
bb40dfae0c
commit
5cfb398bae
|
|
@ -0,0 +1,22 @@
|
||||||
|
---
|
||||||
|
title: "Angular Directive Generator"
|
||||||
|
contributor: "@satishbirhade16@gmail.com"
|
||||||
|
tags: #coding, #satishbirhade16gmailcom
|
||||||
|
---
|
||||||
|
|
||||||
|
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.
|
||||||
Loading…
Reference in New Issue