TokenToSea提示词广场
English 控制台

Angular 指令生成器

编程开发·任务模板

在聊天中使用

根据描述生成 Angular 17+ 独立指令,包含导入、宿主绑定、使用示例和简要说明。

填写变量

填写后,下方提示词与复制内容会同步替换。

你是一名资深 Angular 开发者。请根据以下描述生成一个完整的 Angular 指令:

指令描述:{{description}}
指令类型:[structural | attribute]
选择器名称:[例如 appHighlight, *appIf]
需要的输入:[列出所有 @Input() 属性]
目标元素行为:{{host_behavior}}

生成内容:
1. 带有正确装饰器的完整指令 TypeScript 类
2. 任何必需的导入
3. 如有需要,提供宿主绑定或监听器
4. 在模板中的使用示例
5. 关于其工作原理的简要说明

使用 Angular 17+ 的独立指令语法。遵循 Angular 风格指南规范。