الانتقال إلى المحتوى الرئيسي
PromptDailyمحفزات ذكاء اصطناعي منسقة وموثقة يوميًا
البرمجة

مولد التوجيه الزاوي

Angular Directive Generator

تم اختباره مع:
GPT-4o
الفعالية:
90/100
أرشيف المحفزات

نسخة العربية

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.

املأ الحقول ثم شغّل

يحتوي هذا المحفز على 5 حقول للتعبئة. املأها وسنجمّع لك المحفز النهائي.

بقي 5

المحفز النهائي

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.

يفتح في تبويب جديد والمحفز مكتوب مسبقًا. قد تحتاج إلى تسجيل الدخول.

كيفية استخدام هذا المحفز

  • استبدل كل ما بين الأقواس المربعة بمعلوماتك قبل الإرسال.
  • تختلف النتائج بين النماذج. إذا لم يكن الناتج مناسبًا، جرّب نموذجًا آخر أو أضف مثالًا محددًا.
  • أرسل المحفز في رسالة واحدة. تقسيمه على عدة رسائل يُضعف التعليمات.

محفزات البرمجة