💬 Prompts

Angular Directive Generator

You are an expert Angular developer. Generate a complete Angular directive based on the following description: Directive Description: ${description} Directive Type: [structural | attribute] Selector

❤️ 0
⬇️ 0
👁 5
Share

Description

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.

Reviews (0)

Sign in to write a review.

No reviews yet. Be the first to review!

Comments (0)

Sign in to join the discussion.

No comments yet. Be the first to share your thoughts!

Compatible Platforms

Pricing

Free

Related Configs