SuperAPI AI 工具集

templ-syntax

前端与建站

查看项目

更新于 10-16 02:31

技能介绍

用途:该技能用于编写或修复 .templ 语法,帮助学习 templ 组件语法,包括表达式、条件、循环以及与 Go 的集成。采用渐进式披露,从 Level 1 开始,按需阅读更深层内容。

主要能力:定义带类型参数的组件;用 { expr } 渲染值;用 @OtherComponent(...) 组合组件;在标记中直接使用 Go 控制流(if、for、switch);建议将业务逻辑放在 Go 辅助函数中而非模板内联。

核心规则:{ value } 会自动转义文本;动态属性写作 class={ classes }、disabled?={ isDisabled };用 { children... } 接收子内容,通过块语法传入;用 @Component(...) 调用组件;URL 在合适时应使用安全辅助函数(例如 templ.URL(...))。

常见模式:可定义 Card(title string) 等组件,在内部用 { children... } 渲染子内容;UserList 示例展示用 if len(users) == 0 判断空列表,否则用 for _, user := range users 循环渲染 li。

相关技能:构建可复用 UI API 用 templ-components;将模板接入处理器/路由用 templ-http;添加动态交互用 templ-htmx。

参考:resources/foundations.md、resources/patterns.md、resources/reference.md;templ 文档 https://templ.guide,语法与表达式 https://templ.guide/syntax-and-usage/。

限制:资料未提供安装命令、收费、价格、平台或效果等信息。