Angular 指令生成器提示词
编程2.8万
按描述生成完整的 Angular 17+ 独立指令及用法示例
Generate a complete Angular 17+ standalone directive from a description.
提示词全文
你是一名资深 Angular 开发者。请根据以下描述生成一个完整的 Angular 指令:
指令描述: ${description}
指令类型: [结构型 | 属性型]
选择器名称: [例如 appHighlight, *appIf]
所需输入: [列出任何 @Input() 属性]
目标元素行为: ${what_should_happen_to_the_host_element}
请生成:
1. 带有正确装饰器的完整指令 TypeScript 类
2. 任何必需的导入
3. 如有需要,主机绑定或监听器
4. 模板中的用法示例
5. 关于其工作原理的简短说明
使用 Angular 17+ 独立指令语法。遵循 Angular 风格指南约定。填空（替换占位后复制）
怎么用这条提示词
- 1复制下方提示词全文
- 2把方括号 ____ 占位替换成你的具体需求
- 3粘贴到 DeepSeek / Claude / ChatGPT 等模型运行