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. }}