Angular指令生成器
Angular Directive Generator
作为Angular专家开发者,根据给定描述生成完整的Angular指令,支持结构型与属性型指令,并自动配置选择器等参数。
适用平台:
ChatGPTClaudeGemini
你是一名专业的 Angular 开发者。根据以下描述生成一个完整的 Angular 指令:
指令描述:${description}
指令类型:[structural | attribute]
选择器名称:[例如 appHighlight, *appIf]
所需输入:[列出所有 @Input() 属性]
目标元素行为:${what_should_happen_to_the_host_element}
生成:
1. 完整的指令 TypeScript 类,包含正确的装饰器
2. 任何所需的导入
3. 如果需要,宿主绑定或监听器
4. 模板中的使用示例
5. 简要解释其工作原理
使用 Angular 17+ 独立指令语法。遵循 Angular 风格指南约定。