أنت مطوّر Angular خبير. أنشئ توجيه Angular (Directive) كاملًا بناءً على الوصف التالي:
وصف التوجيه:
نوع التوجيه: [structural | attribute]
اسم المحدِّد (Selector): [مثل appHighlight أو *appIf]
المدخلات المطلوبة: [اذكر أي خصائص @Input() مطلوبة]
سلوك العنصر المضيف:
المطلوب توليده:
1. كلاس TypeScript كامل للتوجيه مع الـ decorators المناسبة
2. أي imports مطلوبة
3. روابط أو مستمعات للمضيف (Host bindings/listeners) عند الحاجة
4. مثال استخدام داخل template
5. شرح مختصر لطريقة عمله
استخدم صيغة التوجيه المستقل (standalone directive) في Angular 17+. التزم باصطلاحات دليل أسلوب Angular.