Mustache 是一种轻量级的模板语言,它的语法简洁易懂。以下是 Mustache 的语法规则:
1. 变量替换
Mustache 用 {{
和}}
表示变量的替换,例如:
Hello, {{name}}!
在渲染时,{{name}}
会被替换成相应的值,例如:
Hello, John!
2. 列表迭代
使用 {{#}}
和 {{/}}
来表示列表迭代,例如:
<ul>
{{#items}}
<li>{{.}}</li>
{{/items}}
</ul>
在渲染时,items
列表中的每个元素都会被替换成相应的 <li>
元素。
3. 条件判断
使用 {{#}}
和 {{/}}
来表示条件判断,例如:
{{#show}}
This is shown!
{{/show}}
如果 show
的值为真,则会显示 This is shown!
。
4 反转条件判断
使用 {{^}}
和 {{/}}
来表示反转条件判断,例如:
{{^hide}}
This is shown!
{{/hide}}
如果 hide
的值为假,则会显示 This is shown!
。
带默认值的变量替换
使用{{variable_name | default_value}}
来表示带默认值的变量替换,例如:
Hello, {{name | Stranger}}!
如果 name
的值为空,则会显示 Hello, Stranger!
。
- HTML 转义
在变量替换时,Mustache 会自动对 HTML 进行转义,以防止 XSS 攻击。如果想要显示 HTML 标签,可以使用三个大括号 {{{
和 }}}
来表示不转义的变量替换,例如:
{{{html}}}
- 注释
使用 {{! comment }}
来表示注释,例如:
{{! This is a comment. }}